Bootstrap inspired table styles. 384 possibilities.
See the online demo.
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 install bootstrap-pretty-tables
<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.pretty-tables/0.5.0/bootstrap-pretty-tables.min.css">
0.5.0 : Added documentation in readme
0.1.0 : Initial release
Copyright (C) 2015 Xavier Faucon
Licensed under the MIT license.