Data tables

Documentation and examples for opt-in styling of tables with Boosted.

On this page

Standard table

Documentation — web-tbl-std-001

Standard table with column headers
Column header	Column header	Column header	Column header
Cell text	Cell text	Cell text	Cell text
Cell text	Cell text	Cell text	Cell text
Cell text	Cell text	Cell text	Cell text
Cell text	Cell text	Cell text	Cell text
Cell text	Cell text	Cell text	Cell text
Cell text	Cell text	Cell text	Cell text
Cell text	Cell text	Cell text	Cell text
Cell text	Cell text	Cell text	Cell text

Row selection

Documentation — web-tbl-std-002

Standard table with column headers and row selection
Select all	Column header	Column header	Column header	Column header
Select first row	Cell text	Cell text	Cell text	Cell text
Select second row	Cell text	Cell text	Cell text	Cell text
Select third row	Cell text	Cell text	Cell text	Cell text
Select fourth row	Cell text	Cell text	Cell text	Cell text
Select fifth row	Cell text	Cell text	Cell text	Cell text
Select sixth row	Cell text	Cell text	Cell text	Cell text
Select seventh row	Cell text	Cell text	Cell text	Cell text
Select eighth row	Cell text	Cell text	Cell text	Cell text

Selection feature

The selection behaviour isn’t implemented yet. This feature will be delivered with #410 as an example.

With icons or thumbnails

Documentation — web-tbl-std-003

Standard table with column headers, row selection and icons or thumbnails
Select all	Column header	Column header	Column header	Column header
Select first row	Cell text	Cell text	Cell text	Cell text
Select second row	Cell text	Cell text	Cell text	Cell text
Select third row	Cell text	Cell text	Cell text	Cell text
Select fourth row	Cell text	Cell text	Cell text	Cell text
Select fifth row	Cell text	Cell text	Cell text	Cell text
Select sixth row	Cell text	Cell text	Cell text	Cell text
Select seventh row	Cell text	Cell text	Cell text	Cell text
Select eighth row	Cell text	Cell text	Cell text	Cell text

With column headers and icons

Documentation — web-tbl-std-005

Standard table with column headers and icons
Column header	Column header	Column header	Column header
Cell text
Cell text
Cell text
Cell text
Cell text
Cell text