Table Maker 2.0.4

Table Basics

Tables can include any combination of table content, column headers, column footers, row headers, and row footers.

Table Configuration

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.

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.

Sticky row headers:

Table Responsive

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 rows:

Blocks by rows:

Table Spanning

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

Table content can include text, icons, buttons and images. For a complete list of available icons, please see here.

Table Frame

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 lines:

Table Colors

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 is also an option for alternating color rows which can be separately applied to table content, headers and footers and ordered by odd or even rows.

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 individual cell.

Table Styles

Additional table cell styling options include horizontal and vertical text alignment, variable padding, borders, rounded corners, box shadows, customisable accordion toggles, and more.

Which one is right for you?