uniformTable
.uniformTable
Header 1 | Header 2 | Header 3 |
---|---|---|
Cell 1 | Cell 2 | Cell 3 |
Cell 4 | Cell 5 | Cell 6 |
Cell 7 | Cell 8 | Cell 9 |
Cell 10 | Cell 11 | Cell 12 |
Cell 13 | Cell 14 | Cell 15 |
Cell 16 | Cell 17 | Cell 18 |
Cell 19 | Cell 20 | Cell 21 |
<table class="uniformTable ">
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
<tr>
<td>Cell 1</td>
<td class="pad-2x">Cell 2</td>
<td>Cell 3</td>
</tr>
<tr>
<td>Cell 4</td>
<td class="pad-2x">Cell 5</td>
<td>Cell 6</td>
</tr>
<tr>
<td>Cell 7</td>
<td class="pad-2x">Cell 8</td>
<td>Cell 9</td>
</tr>
<tr>
<td>Cell 10</td>
<td class="pad-2x">Cell 11</td>
<td>Cell 12</td>
</tr>
<tr>
<td>Cell 13</td>
<td class="pad-2x">Cell 14</td>
<td>Cell 15</td>
</tr>
<tr>
<td>Cell 16</td>
<td class="pad-2x">Cell 17</td>
<td>Cell 18</td>
</tr>
<tr>
<td>Cell 19</td>
<td class="pad-2x">Cell 20</td>
<td>Cell 21</td>
</tr>
</table>
.uniformTable.-snug
Header 1 | Header 2 | Header 3 |
---|---|---|
Cell 1 | Cell 2 | Cell 3 |
Cell 4 | Cell 5 | Cell 6 |
Cell 7 | Cell 8 | Cell 9 |
Cell 10 | Cell 11 | Cell 12 |
Cell 13 | Cell 14 | Cell 15 |
Cell 16 | Cell 17 | Cell 18 |
Cell 19 | Cell 20 | Cell 21 |
<table class="uniformTable -snug">
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
<tr>
<td>Cell 1</td>
<td class="pad-2x">Cell 2</td>
<td>Cell 3</td>
</tr>
<tr>
<td>Cell 4</td>
<td class="pad-2x">Cell 5</td>
<td>Cell 6</td>
</tr>
<tr>
<td>Cell 7</td>
<td class="pad-2x">Cell 8</td>
<td>Cell 9</td>
</tr>
<tr>
<td>Cell 10</td>
<td class="pad-2x">Cell 11</td>
<td>Cell 12</td>
</tr>
<tr>
<td>Cell 13</td>
<td class="pad-2x">Cell 14</td>
<td>Cell 15</td>
</tr>
<tr>
<td>Cell 16</td>
<td class="pad-2x">Cell 17</td>
<td>Cell 18</td>
</tr>
<tr>
<td>Cell 19</td>
<td class="pad-2x">Cell 20</td>
<td>Cell 21</td>
</tr>
</table>
.uniformTable.-tight
Header 1 | Header 2 | Header 3 |
---|---|---|
Cell 1 | Cell 2 | Cell 3 |
Cell 4 | Cell 5 | Cell 6 |
Cell 7 | Cell 8 | Cell 9 |
Cell 10 | Cell 11 | Cell 12 |
Cell 13 | Cell 14 | Cell 15 |
Cell 16 | Cell 17 | Cell 18 |
Cell 19 | Cell 20 | Cell 21 |
<table class="uniformTable -tight">
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
<tr>
<td>Cell 1</td>
<td class="pad-2x">Cell 2</td>
<td>Cell 3</td>
</tr>
<tr>
<td>Cell 4</td>
<td class="pad-2x">Cell 5</td>
<td>Cell 6</td>
</tr>
<tr>
<td>Cell 7</td>
<td class="pad-2x">Cell 8</td>
<td>Cell 9</td>
</tr>
<tr>
<td>Cell 10</td>
<td class="pad-2x">Cell 11</td>
<td>Cell 12</td>
</tr>
<tr>
<td>Cell 13</td>
<td class="pad-2x">Cell 14</td>
<td>Cell 15</td>
</tr>
<tr>
<td>Cell 16</td>
<td class="pad-2x">Cell 17</td>
<td>Cell 18</td>
</tr>
<tr>
<td>Cell 19</td>
<td class="pad-2x">Cell 20</td>
<td>Cell 21</td>
</tr>
</table>
.uniformTable.-striped
Header 1 | Header 2 | Header 3 |
---|---|---|
Cell 1 | Cell 2 | Cell 3 |
Cell 4 | Cell 5 | Cell 6 |
Cell 7 | Cell 8 | Cell 9 |
Cell 10 | Cell 11 | Cell 12 |
Cell 13 | Cell 14 | Cell 15 |
Cell 16 | Cell 17 | Cell 18 |
Cell 19 | Cell 20 | Cell 21 |
<table class="uniformTable -striped">
<tr class="bg-blue bg-opacity-10">
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
<tr class="bg-blue bg-opacity-10">
<td>Cell 1</td>
<td class="pad-2x">Cell 2</td>
<td>Cell 3</td>
</tr>
<tr class="bg-blue bg-opacity-10">
<td>Cell 4</td>
<td class="pad-2x">Cell 5</td>
<td>Cell 6</td>
</tr>
<tr class="bg-blue bg-opacity-10">
<td>Cell 7</td>
<td class="pad-2x">Cell 8</td>
<td>Cell 9</td>
</tr>
<tr class="bg-blue bg-opacity-10">
<td>Cell 10</td>
<td class="pad-2x">Cell 11</td>
<td>Cell 12</td>
</tr>
<tr class="bg-blue bg-opacity-10">
<td>Cell 13</td>
<td class="pad-2x">Cell 14</td>
<td>Cell 15</td>
</tr>
<tr class="bg-blue bg-opacity-10">
<td>Cell 16</td>
<td class="pad-2x">Cell 17</td>
<td>Cell 18</td>
</tr>
<tr class="bg-blue bg-opacity-10">
<td>Cell 19</td>
<td class="pad-2x">Cell 20</td>
<td>Cell 21</td>
</tr>
</table>