mirror of
https://github.com/pure-css/pure.git
synced 2024-10-05 19:24:19 +00:00
fix nested bordered table
This commit is contained in:
parent
c39d9a4a33
commit
9404335efb
@ -55,8 +55,7 @@ striping:
|
|||||||
.pure-table-bordered td {
|
.pure-table-bordered td {
|
||||||
border-bottom: 1px solid #cbcbcb;
|
border-bottom: 1px solid #cbcbcb;
|
||||||
}
|
}
|
||||||
.pure-table-bordered tbody > tr:last-child td,
|
.pure-table-bordered tbody > tr:last-child > td {
|
||||||
.pure-table-horizontal tbody > tr:last-child td {
|
|
||||||
border-bottom-width: 0;
|
border-bottom-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -68,6 +67,6 @@ striping:
|
|||||||
border-width: 0 0 1px 0;
|
border-width: 0 0 1px 0;
|
||||||
border-bottom: 1px solid #cbcbcb;
|
border-bottom: 1px solid #cbcbcb;
|
||||||
}
|
}
|
||||||
.pure-table-horizontal tbody > tr:last-child td {
|
.pure-table-horizontal tbody > tr:last-child > td {
|
||||||
border-bottom-width: 0;
|
border-bottom-width: 0;
|
||||||
}
|
}
|
||||||
|
@ -235,5 +235,96 @@
|
|||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
|
<h2>Nested Table</h2>
|
||||||
|
|
||||||
|
<table class="pure-table pure-table-bordered">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>#</th>
|
||||||
|
<th>Make</th>
|
||||||
|
<th>Model</th>
|
||||||
|
<th>Type</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>Honda</td>
|
||||||
|
<td>Accord</td>
|
||||||
|
<td>
|
||||||
|
<table class="pure-table pure-table-bordered">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Fuel</th>
|
||||||
|
<th>Year</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Diesel</td>
|
||||||
|
<td>2009</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Petrol</td>
|
||||||
|
<td>2009</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2</td>
|
||||||
|
<td>Toyota</td>
|
||||||
|
<td>Camry</td>
|
||||||
|
<td>
|
||||||
|
<table class="pure-table pure-table-bordered">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Fuel</th>
|
||||||
|
<th>Year</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Diesel</td>
|
||||||
|
<td>2012</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Petrol</td>
|
||||||
|
<td>2012</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>3</td>
|
||||||
|
<td>Hyundai</td>
|
||||||
|
<td>Elantra</td>
|
||||||
|
<td>
|
||||||
|
<table class="pure-table pure-table-bordered">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Fuel</th>
|
||||||
|
<th>Year</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Diesel</td>
|
||||||
|
<td>2010</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Petrol</td>
|
||||||
|
<td>2010</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<br/>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
Loading…
Reference in New Issue
Block a user