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.
Subscribe To LIPD Newsletter

Subscribe To LIPD Newsletter

 Join over 10,700 subscribers & receive monthly articles, latest news, and updates from our team dedicated to Liberia’s democracy, stability, and prosperity.

Thank you! Your Newsletter is on the way soon