Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut elit purus. Praesent non pellentesque nisl. Suspendisse congue sodales congue. Nam ac nisl mattis, porttitor tellus ac, consequat arcu. Praesent ipsum urna, aliquet nec orci ut, eleifend vestibulum justo.
Basic Table With Header
For basic styling—light padding and only horizontal dividers—add the base class .table
to any <table>
. It may seem super redundant, but given the widespread use of tables for other plugins like calendars and date pickers, we’ve opted to isolate our custom table styles.
Skills | Description |
---|---|
HTML | In pulvinar erat quis placerat aliquam. Aliquam sed urna massa. Donec eleifend nisl at eros tempus. |
PHP | Vestibulum pharetra molestie justo, eget venenatis nulla dictum in. Ut in augue nibh. |
CSS | Nam nec varius eros. Ut nec consectetur nisl. Pellentesque eu gravida eros. Praesent pellentesque tellus. |
Striped Table – Without Header
Use .table-striped
to add zebra-striping to any table row within the <tbody>
.
HTML | In pulvinar erat quis placerat aliquam. Aliquam sed urna massa. Donec eleifend nisl at eros tempus. |
PHP | Vestibulum pharetra molestie justo, eget venenatis nulla dictum in. Ut in augue nibh. |
CSS | Nam nec varius eros. Ut nec consectetur nisl. Pellentesque eu gravida eros. Praesent pellentesque tellus. |
MySQL | Cras aliquam ipsum tellus, ac mattis ligula ullamcorper luctus. |
Table Bordered Without Header – Using Column Group
Add .table-bordered
for borders on all sides of the table and cells.
HTML | In pulvinar erat quis placerat aliquam. Aliquam sed urna massa. Donec eleifend nisl at eros tempus. |
PHP | Vestibulum pharetra molestie justo, eget venenatis nulla dictum in. Ut in augue nibh. |
CSS | Nam nec varius eros. Ut nec consectetur nisl. Pellentesque eu gravida eros. Praesent pellentesque tellus. |
MySQL | Cras aliquam ipsum tellus, ac mattis ligula ullamcorper luctus. |
Table With Header Colour
Add .table-grey
for a coloured header, or any other available colours with this theme.
Skills | Description |
---|---|
HTML | In pulvinar erat quis placerat aliquam. Aliquam sed urna massa. Donec eleifend nisl at eros tempus. |
PHP | Vestibulum pharetra molestie justo, eget venenatis nulla dictum in. Ut in augue nibh. |
CSS | Nam nec varius eros. Ut nec consectetur nisl. Pellentesque eu gravida eros. Praesent pellentesque tellus. |