diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip index 566d3e6217215a875c77dd20d804d6b9f85b4ff9..6262fbb6cfa4189f8fd79a4d306f555315c7f0f7 100644 Binary files a/docs/assets/bootstrap.zip and b/docs/assets/bootstrap.zip differ diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index f4d2dbe378c463cb9f6eec981f4436c62e65adcf..bdf6a771ff3a53bff77ab5f275ede479015504d2 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1237,6 +1237,12 @@ table { .table-bordered td { border-left: 1px solid #dddddd; } +.table-bordered caption + thead tr:first-child th, +.table-bordered caption + tbody tr:first-child th, +.table-bordered caption + tbody tr:first-child td, +.table-bordered colgroup + thead tr:first-child th, +.table-bordered colgroup + tbody tr:first-child th, +.table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { diff --git a/docs/css-tests.html b/docs/css-tests.html index 3eeac59243e2b97b8f050e4ba63fdf436f2491aa..6dcec97985bd2f4b0f34886d73b1251b26c421bb 100644 --- a/docs/css-tests.html +++ b/docs/css-tests.html @@ -74,13 +74,193 @@ <div class="container"> +<style> +body { + background-image: none; +} +.col1 { + background-color: rgba(255,0,0,.1); +} +.col2 { + background-color: rgba(0,255,0,.1); +} +.col3 { + background-color: rgba(0,0,255,.1); +} +</style> + <!-- Masthead ================================================== --> <header class="jumbotron subhead" id="overview"> - <h1>Tests</h1> - <p class="lead"></p> + <h1>CSS Tests</h1> + <p class="lead">One stop shop for quick debugging and edge-case tests of CSS.</p> </header> +<div class="page-header"> + <h1>Tables</h1> +</div> + +<div class="row"> + <div class="span6"> + <h4>Bordered without thead</h4> + <table class="table table-bordered"> + <tbody> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + </tbody> + </table> + <h4>Bordered without thead, with caption</h4> + <table class="table table-bordered"> + <caption>Table caption</caption> + <tbody> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + </tbody> + </table> + <h4>Bordered without thead, with colgroup</h4> + <table class="table table-bordered"> + <colgroup> + <col class="col1"> + <col class="col2"> + <col class="col3"> + </colgroup> + <tbody> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + </tbody> + </table> + <h4>Bordered with thead, with colgroup</h4> + <table class="table table-bordered"> + <colgroup> + <col class="col1"> + <col class="col2"> + <col class="col3"> + </colgroup> + <thead> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + </thead> + <tbody> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + </tbody> + </table> + </div><!--/span--> + <div class="span6"> + <h4>Bordered with thead and caption</h4> + <table class="table table-bordered"> + <caption>Table caption</caption> + <thead> + <tr> + <th>1</th> + <th>2</th> + <th>3</th> + </tr> + </thead> + <tbody> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + </tbody> + </table> + <h4>Bordered with rowspan and colspan</h4> + <table class="table table-bordered"> + <thead> + <tr> + <th>1</th> + <th>2</th> + <th>3</th> + </tr> + </thead> + <tbody> + <tr> + <td colspan="2">1 and 2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td rowspan="2">2</td> + <td>3</td> + </tr> + <tr> + <td rowspan="2">1</td> + <td>3</td> + </tr> + <tr> + <td colspan="2">2 and 3</td> + </tr> + </tbody> + </table> + </div><!--/span--> +</div><!--/row--> + <!-- Footer ================================================== --> diff --git a/docs/templates/pages/css-tests.mustache b/docs/templates/pages/css-tests.mustache index 6455039c421742638a2dfe3a7fba14db9ff802a7..cde7484dc45b28fb6ddbaac638e56741be96cddc 100644 --- a/docs/templates/pages/css-tests.mustache +++ b/docs/templates/pages/css-tests.mustache @@ -1,6 +1,186 @@ +<style> +body { + background-image: none; +} +.col1 { + background-color: rgba(255,0,0,.1); +} +.col2 { + background-color: rgba(0,255,0,.1); +} +.col3 { + background-color: rgba(0,0,255,.1); +} +</style> + <!-- Masthead ================================================== --> <header class="jumbotron subhead" id="overview"> - <h1>{{_i}}Tests{{/i}}</h1> - <p class="lead">{{_i}}{{/i}}</p> + <h1>{{_i}}CSS Tests{{/i}}</h1> + <p class="lead">{{_i}}One stop shop for quick debugging and edge-case tests of CSS.{{/i}}</p> </header> + +<div class="page-header"> + <h1>Tables</h1> +</div> + +<div class="row"> + <div class="span6"> + <h4>Bordered without thead</h4> + <table class="table table-bordered"> + <tbody> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + </tbody> + </table> + <h4>Bordered without thead, with caption</h4> + <table class="table table-bordered"> + <caption>Table caption</caption> + <tbody> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + </tbody> + </table> + <h4>Bordered without thead, with colgroup</h4> + <table class="table table-bordered"> + <colgroup> + <col class="col1"> + <col class="col2"> + <col class="col3"> + </colgroup> + <tbody> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + </tbody> + </table> + <h4>Bordered with thead, with colgroup</h4> + <table class="table table-bordered"> + <colgroup> + <col class="col1"> + <col class="col2"> + <col class="col3"> + </colgroup> + <thead> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + </thead> + <tbody> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + </tbody> + </table> + </div><!--/span--> + <div class="span6"> + <h4>Bordered with thead and caption</h4> + <table class="table table-bordered"> + <caption>Table caption</caption> + <thead> + <tr> + <th>1</th> + <th>2</th> + <th>3</th> + </tr> + </thead> + <tbody> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + </tbody> + </table> + <h4>Bordered with rowspan and colspan</h4> + <table class="table table-bordered"> + <thead> + <tr> + <th>1</th> + <th>2</th> + <th>3</th> + </tr> + </thead> + <tbody> + <tr> + <td colspan="2">1 and 2</td> + <td>3</td> + </tr> + <tr> + <td>1</td> + <td rowspan="2">2</td> + <td>3</td> + </tr> + <tr> + <td rowspan="2">1</td> + <td>3</td> + </tr> + <tr> + <td colspan="2">2 and 3</td> + </tr> + </tbody> + </table> + </div><!--/span--> +</div><!--/row--> diff --git a/less/tables.less b/less/tables.less index 5ce876f4a03cc54749d328045acf31e20db01d82..cdc794edce6afdb4711dfb0c3a61065bb92411f2 100644 --- a/less/tables.less +++ b/less/tables.less @@ -78,6 +78,12 @@ table { border-left: 1px solid @tableBorder; } // Prevent a double border + caption + thead tr:first-child th, + caption + tbody tr:first-child th, + caption + tbody tr:first-child td, + colgroup + thead tr:first-child th, + colgroup + tbody tr:first-child th, + colgroup + tbody tr:first-child td, thead:first-child tr:first-child th, tbody:first-child tr:first-child th, tbody:first-child tr:first-child td {