CSS Tables

Default Table

For basic styling add the base class .css-table to any <table>.

Simple (caption).
# Name Profession Department
1 John Peters Manager Finance
2 Julia Luise Accountant Accounting Division
3 Barry White Programmer IT Division

Table with Stripped Rows

Add class .zebra for auto zebra-striping to any table row within the <tbody>.

Zebra (caption).
# Name Profession Department
1 John Peters Manager Finance
2 Julia Luise Accountant Accounting Division
3 Barry White Programmer IT Division

Zebra with Color modifiers

Use Color modifier classes to color table rows or individual cells: .active, .success, .info, .warning or .danger.

Colorful Zebra (caption).
# Name Profession Department
1 John Peters Manager Finance
2 Julia Luise Accountant Accounting Division
3 Barry White Programmer IT Division
4 Sam Logan Analytic IT Division

This page has been viewed: 983 time(s)