Bootstrap tables

Wappler documentation

Bootstrap tables

Find the table, responsive wrapper, sections, rows and cells used to present records.

Open in Wappler

Start with Table for overall styling, then choose the section, row or cell you need. Data binding is taught in the practical repeat guide.

Table components

Table: readable rows, cells and stylingPresent tabular data with headers, clear row styling and purposeful actions.View guide→Responsive Table: horizontal overflow wrapperKeep a wide table scrollable without forcing the whole page wider.View guide→Table Head — ReferenceTable Head settings and behavior. Settings include Class, Head Color, Vertical Align, Group Divider.View guide→Table Body — ReferenceTable Body settings and behavior. Settings include ID, Class, Body Color, Vertical Align.View guide→Table Foot — ReferenceTable Foot settings and behavior. Settings include Class, Foot Color, Vertical Align, Group Divider.View guide→Row — ReferenceRow settings and behavior. Settings include Class, Row Color, Vertical Align, Advanced.View guide→Header — ReferenceHeader settings and behavior. Settings include Class, Scope, Text, Header Color.View guide→Cell — ReferenceCell settings and behavior. Settings include Class, Text, Cell Color, Vertical Align.View guide→Data Table — ReferenceData Table settings and behavior. Settings include ID, Class, Table Style, Back Color.View guide→AC Data Table — ReferenceAC Data Table settings and behavior. Settings include ID, Class, Column 1 header, Column 2 header.View guide→

Practical guide

Repeat table rows and bind dataA complete table example: choose a collection, repeat its rows, bind each cell, and check the result.View guide→