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

adding some new tests for tables

Browse Source
This commit is contained in:
James Alley 2015-02-05 17:12:41 -08:00
parent 9929ac0a2a
commit d571fa69e2
2 changed files with 42 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/tables/css/tables.css
View File

@ -22,6 +22,9 @@
overflow: visible; /*to make ths where the title is really long work*/
padding: 0.5em 1em; /* cell padding */
}
/* Consider removing this next declaration block, as it causes problems when
there's a rowspan on the first cell. Case added to the tests. issue#432 */
.pure-table td:first-child,
.pure-table th:first-child {
border-left-width: 0;

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

@ -11,6 +11,12 @@
/* adding a little margin so we can see the borders better */
margin: 1em;
}
.box {
display: inline-block;
width: 100px;
height: 24px;
background-color: gray;
}
</style>
</head>
@ -50,6 +56,39 @@
</tbody>
</table>
<h2>Checking alignment</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><s class="box" /></td>
<td><s class="box" /></td>
<td><s class="box" /></td>
<td><s class="box" /></td>
</tr>
<tr>
<td><s class="box" /></td>
<td><s class="box" /></td>
<td><s class="box" /></td>
<td><s class="box" /></td>
</tr>
<tr>
<td><s class="box" /></td>
<td><s class="box" /></td>
<td><s class="box" /></td>
<td><s class="box" /></td>
</tr>
</tbody>
</table>
<h2>Bordered Table</h2>
<table class="pure-table pure-table-bordered">