Table Maker UPDATED!
Divi-Modules – Table Maker brings beautiful responsive tables to the Divi-Builder. With features including…
- Multiple headers and footers
- Column and row spanning
- Icon, button and image cells
- Accordion view for mobile
- Scrolling with sticky headers
- and much more…
- Requires Divi, Extra, or other Divi Builder theme.
- Requires CSS Grid in-browser support.
The Divi-Modules – Table Maker demos below are all live examples. View them at desktop, tablet and phone sizes to see Table Maker’s responsive options in action.
Tables can include any combination of table content, column headers, column footers, row headers, and row footers.
Tables can have multiple column and row headers and footers. Column widths and row heights can be set using a combination of flexible and fixed units.
Tables can be set to scroll, with optional sticky column and row headers to keep headers pinned to the edge and visible at all times.
Sticky column headers:
Sticky row headers:
Tables can be set to display as blocks or accordion at tablet and phone size, with the option of breaking the table by columns or by rows. View the tables below at tablet or phone size to see the difference.
Accordion by columns:
Blocks by columns:
Accordion by rows:
Blocks by rows:
Table cells can be set to span across multiple columns and rows. Even complex table configurations, like the one below, still work beautifully at tablet and phone size.
Table content can include text, icons, buttons and images. For a complete list of available icons, please see here.
Tables can be framed with gaps or lines. Gaps put a space between each table cell, allowing backgrounds to show through. Lines frame each cell with a solid or decorative border.
Framed by gaps:
Framed by lines:
Table Stripes & Hover
Tables can include horizontal or vertical stripes and hover effect which can be a tint, blend, or pure color.
There are separate color options for table content, column headers, column footers, row headers, and row footers. Styles can be applied table-wide, per column, or individual cell.
There are separate text options for table content, column headers, column footers, row headers, and row footers. Styles can be applied table-wide, per column, or individual cell.
Additional table cell styling options include horizontal and vertical text alignment, variable padding, borders, rounded corners, box shadows, customisable accordion toggles, and more.
To find out more, please see the Videos and download the Documentation.