bootstrap-pretty-tables

Presentation

Bootstrap inspired table styles. 384 possibilities.

Demo

See the online demo.

How to use

Create a <table> and add the available classes to the <table> tag:

There are seven types of classes available, you can of course combine all of them:

Color (required): define the color theme of the table

<table class="yoochart-table-peter-river"></table>
<table class="yoochart-table-alizarin"></table>
<table class="yoochart-table-sun-flower"></table>
<table class="yoochart-table-emerald"></table>
<table class="yoochart-table-carrot"></table>
<table class="yoochart-table-wet-asphalt"></table>

Expanded (optional): cells have more padding than normal table

<table class="yoochart-table-expanded"></table>

Striped (optional): one row out of two is colorized

<table class="yoochart-table-striped"></table>

Hover (optional): adds a hover effect on the rows

<table class="yoochart-table-hover"></table>

Bordered (optional): external borders of the table are displayed

<table class="yoochart-table-bordered"></table>

Internal vertical borders (optional): internal vertical borders are displayed

<table class="yoochart-table-column-border-on"></table>

Internal horizontal borders (optional): internal horizontal borders are displayed

<table class="yoochart-table-line-border-on"></table>

Bower

bower install bootstrap-pretty-tables

CDN

<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.pretty-tables/0.5.0/bootstrap-pretty-tables.min.css">

Changes

0.5.0 : Added documentation in readme

0.1.0 : Initial release

Copyright and license

Copyright (C) 2015 Xavier Faucon

Licensed under the MIT license.