fixes #4103: simpler fix for tfoot in .table-border

This commit is contained in:
Mark Otto 2012-07-19 21:25:24 -07:00
parent 89d7ec5290
commit 3c1a0fbda4
3 changed files with 92 additions and 8 deletions

View File

@ -1753,6 +1753,35 @@ table {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
/* thead:last-child tr:last-child th:first-child,
tbody:last-child tr:last-child td:first-child,
tfoot tr:last-child td:first-child {
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
}
tfoot ~ tbody:last-child tr:last-child td:first-child {
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
}
thead:last-child tr:last-child th:last-child,
tbody:last-child tr:last-child td:last-child,
tfoot tr:last-child td:last-child {
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
}
tfoot ~ tbody:last-child tr:last-child td:last-child {
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
}
*/
}
.table-bordered th,
@ -1787,7 +1816,8 @@ table {
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
.table-bordered tbody:last-child tr:last-child td:first-child,
.table-bordered tfoot:last-child tr:last-child td:first-child {
-webkit-border-radius: 0 0 0 4px;
-moz-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px;
@ -1797,7 +1827,8 @@ table {
}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
.table-bordered tbody:last-child tr:last-child td:last-child,
.table-bordered tfoot:last-child tr:last-child td:last-child {
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;

View File

@ -113,20 +113,22 @@ table {
}
// For first th or td in the first row in the first thead or tbody
thead:last-child tr:last-child th:first-child,
tbody:last-child tr:last-child td:first-child {
tbody:last-child tr:last-child td:first-child,
tfoot:last-child tr:last-child td:first-child {
.border-radius(0 0 0 4px);
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
}
thead:last-child tr:last-child th:last-child,
tbody:last-child tr:last-child td:last-child {
tbody:last-child tr:last-child td:last-child,
tfoot:last-child tr:last-child td:last-child {
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
}
// Special fixes to round the left border on the first td/td
// Special fixes to round the left border on the first td/th
caption + thead tr:first-child th:first-child,
caption + tbody tr:first-child td:first-child,
colgroup + thead tr:first-child th:first-child,
@ -143,6 +145,36 @@ table {
border-top-right-radius: 4px;
-moz-border-right-topleft: 4px;
}
// Accounting for tfoot
/* thead:last-child tr:last-child th:first-child,
tbody:last-child tr:last-child td:first-child,
tfoot tr:last-child td:first-child {
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
}
tfoot ~ tbody:last-child tr:last-child td:first-child {
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
}
thead:last-child tr:last-child th:last-child,
tbody:last-child tr:last-child td:last-child,
tfoot tr:last-child td:last-child {
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
}
tfoot ~ tbody:last-child tr:last-child td:last-child {
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
}
*/
}

View File

@ -404,6 +404,13 @@
<td>3</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>3</td>
<td>6</td>
<td>9</td>
</tr>
</tfoot>
</table>
<h4>Bordered with thead, with colgroup</h4>
<table class="table table-bordered">
@ -414,9 +421,9 @@
</colgroup>
<thead>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<th>A</th>
<th>B</th>
<th>C</th>
</tr>
</thead>
<tbody>
@ -436,6 +443,13 @@
<td>3</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>3</td>
<td>6</td>
<td>9</td>
</tr>
</tfoot>
</table>
</div><!--/span-->
<div class="span6">
@ -466,6 +480,13 @@
<td>3</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>3</td>
<td>6</td>
<td>9</td>
</tr>
</tfoot>
</table>
<h4>Bordered with rowspan and colspan</h4>
<table class="table table-bordered">