diff options
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/base-css.html | 38 |
1 files changed, 37 insertions, 1 deletions
diff --git a/docs/base-css.html b/docs/base-css.html index 51c4d35a3..c8ce7b222 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -630,7 +630,43 @@ <table class="striped-table"> ... </table></pre> - <h3>3. Striped table w/ TableSorter.js</h3> + <h3>3. Condensed table</h3> + <p>Make your tables smaller—just add the <code>.condensed-table</code> class.</p> + <table class="condensed-table"> + <thead> + <tr> + <th>#</th> + <th>First Name</th> + <th>Last Name</th> + <th>Language</th> + </tr> + </thead> + <tbody> + <tr> + <td>1</td> + <td>Some</td> + <td>One</td> + <td>English</td> + </tr> + <tr> + <td>2</td> + <td>Joe</td> + <td>Sixpack</td> + <td>English</td> + </tr> + <tr> + <td>3</td> + <td>Stu</td> + <td>Dent</td> + <td>Code</td> + </tr> + </tbody> + </table> +<pre class="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 <a href="http://jquery.com">jQuery</a> and the <a href="http://tablesorter.com/docs/">Tablesorter</a> plugin. <strong>Click any column’s header to change the sort.</strong></p> <table class="striped-table" id="sortTableExample"> <thead> |
