Permalink
Browse files

adding some new tests for tables

  • Loading branch information...
1 parent 9929ac0 commit d571fa69e254256d4550098583bed34fb3ba24a7 @jamesalley jamesalley committed Feb 6, 2015
Showing with 42 additions and 0 deletions.
  1. +3 −0 src/tables/css/tables.css
  2. +39 −0 src/tables/tests/manual/tables.html
@@ -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;
@@ -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">

0 comments on commit d571fa6

Please sign in to comment.