• You MUST read the Babiato Rules before making your first post otherwise you may get permanent warning points or a permanent Ban.

    Our resources on Babiato Forum are CLEAN and SAFE. So you can use them for development and testing purposes. If your are on Windows and have an antivirus that alerts you about a possible infection: Know it's a false positive because all scripts are double checked by our experts. We advise you to add Babiato to trusted sites/sources or disable your antivirus momentarily while downloading a resource. "Enjoy your presence on Babiato"

Divi Modules Table Maker

enyacan

Active member
Feb 25, 2020
50
107
33
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: 112
Removed by staff - well that was a stupid move!!
 
Last edited by a moderator:
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
Thank you for this. Version 3.0.3 is now available. Any chance to get an update on this one? Thank youuuuuu
 
AdBlock Detected

We get it, advertisements are annoying!

However in order to keep our huge array of resources free of charge we need to generate income from ads so to use the site you will need to turn off your adblocker.

If you'd like to have an ad free experience you can become a Babiato Lover by donating as little as $5 per month. Click on the Donate menu tab for more info.

I've Disabled AdBlock