library-mirrors/pure
1
0
Fork 0
mirror of https://github.com/pure-css/pure.git synced 2024-10-05 19:24:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix nested bordered table

Browse Source
This commit is contained in:
Narcis Radu 2014-08-21 01:11:34 +03:00
parent c39d9a4a33
commit 9404335efb
2 changed files with 93 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/tables/css/tables.css
View File

@ -55,8 +55,7 @@ striping:
.pure-table-bordered td {
border-bottom: 1px solid #cbcbcb;
}
.pure-table-bordered tbody > tr:last-child td,
.pure-table-horizontal tbody > tr:last-child td {
.pure-table-bordered tbody > tr:last-child > td {
border-bottom-width: 0;
}
@ -68,6 +67,6 @@ striping:
border-width: 0 0 1px 0;
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;
}

91
src/tables/tests/manual/tables.html
View File

@ -235,5 +235,96 @@
</tr>
</tbody>
</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>
</html>