Style Guide Tables
Print this Page
MySolidWorks Site Tables Sample

We can choose from a number of classes when using tables for different data display. The Bootstrap table classes include styles for padding and displaying borders and row background colors. There's also a class for a hover over effect.

Basic Table

Sample of basic table with lightly padded cells and horizontal dividers
Header 1 Header 2 Header 3
Footer 1 Footer 2 Footer 3
Cell Cell Cell
Cell Cell Cell
Cell Cell Cell

Striped Table

Sample of a table for alternating background colors on the rows
Header 1 Header 2 Header 3
Footer 1 Footer 2 Footer 3
Cell Cell Cell
Cell Cell Cell
Cell Cell Cell

Bordered Table

Sample of a table with borders
Header 1 Header 2 Header 3
Footer 1 Footer 2 Footer 3
Cell Cell Cell
Cell Cell Cell
Cell Cell Cell

Hover Rows

Sample of a table with rover rows
Header 1 Header 2 Header 3
Footer 1 Footer 2 Footer 3
Cell Cell Cell
Cell Cell Cell
Cell Cell Cell

Responsive Table

Responsive Table Sample 1
Header 1 Header 2 Header 3 Header 4 Header 5 Header 6 Header 7 Header 8 Header 9 Header 10
Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell
Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell
Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell
Responsive Table Sample 2
View this sample table in a separate window to see the responsive behavior in a better way.