Divi Modules Table Maker

enyacan

Member
Feb 25, 2020
37
-93
18
Divi-Modules – Table Maker brings beautiful responsive tables to the Divi Builder.
Style every part of the table from content to columns, headers to footers, right down to individual cells, without the need for shortcodes.

Features Include:
► Multiple Headers and Footers

► Column and Row Spanning

► Icon, Button and Image Cells

► Accordion view for mobile

► Scrolling with Sticky Headers

► and much more.…

Table Basics:
Tables can include any combination of table content, column header, column footer, row header, and row footer cells.

dvmd-table-maker-example-01.png


Table Configuration:
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.

dvmd-table-maker-example-02.png


Table Scrolling:
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.

dvmd-table-maker-example-03.png


Table Responsiveness:
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. To see live versions of these responsive tables, please follow this link.

dvmd-table-maker-example-04.png


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.

dvmd-table-maker-example-05.png


Table Content:
Table content can include text, icons, buttons and images.

dvmd-table-maker-example-06.png


► To see a complete list of available icons, please follow this link.

Table Frame:
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.

dvmd-table-maker-example-07.png


Table Colors:
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.

dvmd-table-maker-example-08.png


Table Text:
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.

dvmd-table-maker-example-09.png


Table Styles:
Additional styling options include horizontal and vertical text alignment, variable padding, borders, rounded-corners, box-shadows, customisable accordion toggles, and more.

dvmd-table-maker-example-10.png
 

Attachments

  • divi-modules-table-maker.zip
    69.4 KB · Views: 93

enyacan

Member
Feb 25, 2020
37
-93
18
Removed by staff - well that was a stupid move!!
 
Last edited by a moderator:

wildwing

New member
Nov 17, 2020
1
1
3
Divi-Modules – Table Maker brings beautiful responsive tables to the Divi Builder.
Style every part of the table from content to columns, headers to footers, right down to individual cells, without the need for shortcodes.

Features Include:
► Multiple Headers and Footers

► Column and Row Spanning

► Icon, Button and Image Cells

► Accordion view for mobile

► Scrolling with Sticky Headers

► and much more.…

Table Basics:
Tables can include any combination of table content, column header, column footer, row header, and row footer cells.

dvmd-table-maker-example-01.png


Table Configuration:
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.

dvmd-table-maker-example-02.png


Table Scrolling:
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.

dvmd-table-maker-example-03.png


Table Responsiveness:
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. To see live versions of these responsive tables, please follow this link.

dvmd-table-maker-example-04.png


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.

dvmd-table-maker-example-05.png


Table Content:
Table content can include text, icons, buttons and images.

dvmd-table-maker-example-06.png


► To see a complete list of available icons, please follow this link.

Table Frame:
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.

dvmd-table-maker-example-07.png


Table Colors:
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.

dvmd-table-maker-example-08.png


Table Text:
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.

dvmd-table-maker-example-09.png


Table Styles:
Additional styling options include horizontal and vertical text alignment, variable padding, borders, rounded-corners, box-shadows, customisable accordion toggles, and more.

dvmd-table-maker-example-10.png
Thanks for this
 
  • Like
Reactions: enyacan

Forum statistics

Threads
69,205
Messages
908,332
Members
236,798
Latest member
naveenmanjula127

About us

  • Our community has been around for many years and pride ourselves on offering unbiased, critical discussion among people of all different backgrounds. We are working every day to make sure our community is one of the best.

Quick Navigation

User Menu