Table Basics:

Tables can include combinations of table content, column header, column footer, row header, and row footer cells.

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.

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.

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. View the tables below at tablet or phone size to see the differences.

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:

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

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.

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.

联系我