<p><strong>Note:</strong> Zebra-striping is a progressive enhancement not available for older browsers like IE8 and below.</p>
<preclass="prettyprint linenums">
<table class="striped-table">
...
...
</table></pre>
<h3>3. Condensed table</h3>
<p>Make your tables smaller—just add the <code>.condensed-table</code> class.</p>
<p>Make your tables more compact by adding the <code>.condensed-table</code> class to cut table cell padding in half (from 10px to 5px).</p>
<tableclass="condensed-table">
<thead>
<tr>
...
...
@@ -664,7 +664,7 @@
</table>
<preclass="prettyprint linenums">
<table class="condensed-table">
...
...
</table></pre>
<h3>4. Striped table w/ TableSorter.js</h3>
<p>Taking the previous example, we improve the usefulness of our tables by providing sorting functionality via <ahref="http://jquery.com">jQuery</a> and the <ahref="http://tablesorter.com/docs/">Tablesorter</a> plugin. <strong>Click any column’s header to change the sort.</strong></p>