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

adding a couple new test cases for tables invlolving row/colspans

Browse Source
This commit is contained in:
James Alley 2015-02-05 16:50:49 -08:00
parent a7057eec84
commit 9929ac0a2a
1 changed files with 68 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,6 +6,12 @@
<link rel="stylesheet" href="../../../../build/base.css">
<link rel="stylesheet" href="../../../../build/tables.css">
<style>
body {
/* adding a little margin so we can see the borders better */
margin: 1em;
}
</style>
</head>
<body>
@ -77,6 +83,68 @@
</tbody>
</table>
<h2>Bordered Table with rowspan</h2>
<table class="pure-table pure-table-bordered">
<thead>
<tr>
<th>#</th>
<th>Make</th>
<th>Model</th>
<th>Year</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="3">1</td>
<td>Honda</td>
<td>Accord</td>
<td>2009</td>
</tr>
<tr>
<td>Toyota</td>
<td>Camry</td>
<td>2012</td>
</tr>
<tr>
<td>Hyundai</td>
<td>Elantra</td>
<td>2010</td>
</tr>
</tbody>
</table>
<h2>Bordered Table with colspan</h2>
<table class="pure-table pure-table-bordered">
<thead>
<tr>
<th>#</th>
<th>Make</th>
<th>Model</th>
<th>Year</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Toyota</td>
<td>Camry</td>
<td>2012</td>
</tr>
<tr>
<td>2</td>
<td colspan="3">[ redacted ]</td>
</tr>
<tr>
<td>3</td>
<td>Hyundai</td>
<td>Elantra</td>
<td>2010</td>
</tr>
</tbody>
</table>
<h2>Table with Horizontal Borders</h2>
<table class="pure-table pure-table-horizontal">