Add some more table cell examples
This commit is contained in:
parent
beb9fd3074
commit
c5c6f3b00d
@ -84,32 +84,36 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<table>
|
<table class='col--grow'>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Table Heading</th>
|
<th class='table-cell--expand'>Expanded Column</th>
|
||||||
<th class='align-right'>Table Heading</th>
|
<th>Normal Column</th>
|
||||||
<th>Table Heading</th>
|
<th class='table-cell--align-right'>Right Aligned</th>
|
||||||
|
<th class='table-cell--shrink'>Shrunk</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
|
<td class='table-cell--expand'>Table Cell</td>
|
||||||
<td>Table Cell</td>
|
<td>Table Cell</td>
|
||||||
<td class='align-right'>1,234.56</td>
|
<td class='table-cell--align-right'>1,234.56</td>
|
||||||
<td>Table Cell</td>
|
<td class='table-cell--shrink'>Table Cell</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
|
<td class='table-cell--expand'>Table Cell</td>
|
||||||
<td>Table Cell</td>
|
<td>Table Cell</td>
|
||||||
<td class='align-right'>1,231,253.43</td>
|
<td class='table-cell--align-right'>1,231,253.43</td>
|
||||||
<td>Table Cell</td>
|
<td class='table-cell--shrink'>Table Cell</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
|
<td class='table-cell--expand'>Table Cell</td>
|
||||||
<td>Table Cell</td>
|
<td>Table Cell</td>
|
||||||
<td class='align-right'>564.54</td>
|
<td class='table-cell--align-right'>564.54</td>
|
||||||
<td>Table Cell</td>
|
<td class='table-cell--shrink'>Table Cell</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user