shadow

Table Styles

Table Styles

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.


Page Right Sidebar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in luctus tortor, non convallis orci. Sed porta augue eget libero convallis, sed condimentum quam ultrices. Donec iaculis mi mollis sem posuere tempor. Duis consequat sit amet magna vel tristique.