Divi-Modules – Table Maker brings the convenience of responsive tables directly to the Divi builder – without the need for third-party plugins and shortcodes. Style every part of the table from content to columns, headers to footers, right down to individual cells.
Tables can include any combination of table content, column header, column footer, row header, and row footer cells.
Tables can have multiple column and row headers and footers. Column width and row height 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.
Tables can be set to display as blocks or accordion at tablet and phone size – with the option of breaking by columns or by rows. View the tables below at tablet size to see the difference.
Column & Row Span:
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 background colors and images to show through. Lines frame each cell with a solid or decorative border.
There are separate color options for table content, column headers, column footers, row headers, and row footers. There is also an option for alternating color rows. Styles can be applied table-wide, per column, or per 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 per individual cell.
Additional styling options include horizontal and vertical text alignment, variable padding, borders, rounded-corners, box-shadows, customisable accordion toggles, and more.