Editable, Printable Meal Planner
Table Usage Tips
- Click the Design button on the top right of the table to style the table headers and paginator with a consistent theme
- Click column headers to alter the styles of the cells for that column
- Log In or Sign Up to save your tables for later and share tables with people you know. You can control their read or write access.
- You can drag columns into different ordinal positions and save the order.
- When you make changes in a pop up editor, make sure you click the save button to apply all your changes.
- Use + Row to add a row to the end of your table. To add a row before a specific row, select that row's checkbox in the first column and then click the + Row button.
- Scrolling horizontally - scroll the table body (not headers) for headers to keep up
- Labels are a powerful feature. Double click a row to add a label above it:
- On wider screens when you want to vertically drag a row to resize it and the resize cursor won't show up, make sure you're scrolled to the bottom of the cell's text if a scrollbar is present in the cell.
- You can resize the full table height, column headers' height, and set a uniform data row height by clicking the aforementioned Design button
- Drag and drop an image into a column header to serve as the header
- Paste links in cells and let us try to obtain more info about the links
Meal Planner Template
Interactive Table
Custom Table
Use the table designer to customize your table's baseline theme styles and colors. The color related changes you make in the form that opens when you click the 'Design' button above the table will affect the column headers, paginator, the outer border of the table, and each row's bottom border. Additionally, the table and row heights can be modified. Alternate between center and default alignments for rows as well. Number columns appear right aligned by default.
Control columns individually by clicking on column headers, namely the column name text to avoid other controls (like filters) on the headers that trigger actions other than what we will detail here. Edit column names here, but the primary purpose of these controls is to tailor a specific columns' cells. You can adjust all the cells in a column's text color or background. For numeric columns, take advantage of the heat map feature. It's a perfect way to draw an audience to data that suggests something needs attention. Adjust the entire column width as well. Over time, more it's likely that more controls will be introduced.
Add Labels to your Table
Use labels as subheaders, to group data, or for any noteworthy reason you come up with. Style and edit labels. To create a label, select a row and click the add_circle_outline that appears beside the first cell value in the row. You can also double click a row to insert a label above it. Labels are always added above the row with the plus sign you clicked. Labels are not really new rows. They do not affect the underlying data that your table represents. Merge cells horizontally in a "row" of labels to better serve the purpose of having labels. Please read below about how labels are short term additions to your table that help with presentation in a finished state.
warning Beware, labels are fleeting. Once you filter, sort, or move to a new page the label will be lost because after taking such actions, data has been re-arranged and the label placement and meaning is likely no longer valid. Think of labels as finishing touches on a table view you are ready to share, print, or convert to an html table. We will preserve the labels on the screen in the output for all of these actions.
