Data table

Display the data in the table.

Examples

ID	Name	Address	Email	Actions
1	Shela Fosten	7373 Vahlen Terrace	sfosten0@loc.gov	Permissions Delete
2	Desirae Helks	43196 Northport Hill	dhelks1@google.de	Permissions Delete
3	Ted Ors	92666 Cottonwood Crossing	tors2@ocn.ne.jp	Permissions Delete
4	Pauli Fero	978 Utah Road	pfero3@gravatar.com	Permissions Delete
5	Valaree Bedbury	062 Warner Terrace	vbedbury4@prnewswire.com	Permissions Delete
ID	Name	Address	Email	Actions

This data table only use horizontal border by add h-border to table class.

ID	Name	Address	Email	Actions
1	Shela Fosten	7373 Vahlen Terrace	sfosten0@loc.gov	Permissions Delete
2	Desirae Helks	43196 Northport Hill	dhelks1@google.de	Permissions Delete
3	Ted Ors	92666 Cottonwood Crossing	tors2@ocn.ne.jp	Permissions Delete
ID	Name	Address	Email	Actions

Example for sortable columns

ID	Name	Address	Email	Actions
1	Shela Fosten	7373 Vahlen Terrace	sfosten0@loc.gov	Permissions Delete
2	Desirae Helks	43196 Northport Hill	dhelks1@google.de	Permissions Delete
3	Ted Ors	92666 Cottonwood Crossing	tors2@ocn.ne.jp	Permissions Delete
ID	Name	Address	Email	Actions

Add showing class to <tr>.

Type	Class	Name	Actions
Default		Shela Fosten	Permissions Delete
Primary	`table-row-primary`	Desirae Helks	Permissions Delete
Info	`table-row-info`	Ted Ors	Permissions Delete
Danger	`table-row-danger`	Pauli Fero	Permissions Delete
Warning	`table-row-warning`	Valaree Bedbury	Permissions Delete
Success	`table-row-success`	Gaspar Treat	Permissions Delete
Type	Class	Name	Actions

Add showing class to table cell (<td>).

Default	Primary	Info	Danger	Warning	Success
Default	Primary `table-cell-primary`	Info `table-cell-info`	Danger `table-cell-danger`	Warning `table-cell-warning`	Success `table-cell-success`
Info row color					Success
This row contain no cell or row color.
Default	Primary	Info	Danger	Warning	Success

Add filter-row class to <tr> of the row that contain filters input.

ID	Name	Address	Email	Actions

1000	Chiquita Danton	074 Iowa Drive	cdantonrr@barnesandnoble.com	Permissions Delete
999	Brice Brunnstein	879 North Parkway	bbrunnsteinrq@comsenz.com	Permissions Delete
998	Traci Keeble	4003 Northview Park	tkeeblerp@i2i.jp	Permissions Delete
ID	Name	Address	Email	Actions

This style of responsive is collapsible/expandable table for small screen size.

Name	Address	Email
Shela Fosten Edit Permissions Delete	7373 Vahlen Terrace	sfosten0@loc.gov
Desirae Helks Edit Permissions Delete	43196 Northport Hill	dhelks1@google.de
Ted Ors Edit Permissions Delete	92666 Cottonwood Crossing	tors2@ocn.ne.jp
Name	Address	Email

And if there is no data.