Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
{#
/**
* This is strictly an exmaple file to demonstrate markup in Pattern Lab.
* It is not intended to be included in any other component.
*/
#}
<table class="table">
<caption class="table__caption">This is a table caption.</caption>
<thead>
<tr>
<th scope="col" class="table__heading-cell">Column 1</th>
<th scope="col" class="table__heading-cell">Column 2</th>
<th scope="col" class="table__heading-cell">Column 3</th>
</tr>
</thead>
<tbody>
<tr class="table__row">
<th scope="row" class="table__heading-cell">Row 1</th>
<td class="table__cell">Information about something</td>
<td class="table__cell">And this is important</td>
</tr>
<tr class="table__row">
<th scope="row" class="table__heading-cell">Row 2</th>
<td class="table__cell">Information about something</td>
<td class="table__cell">And this is important</td>
</tr>
<tr class="table__row">
<th scope="row" class="table__heading-cell">Row 3</th>
<td class="table__cell">Information about something</td>
<td class="table__cell">And this is important</td>
</tr>
<tr class="table__row">
<th scope="row" class="table__heading-cell">Row 4</th>
<td class="table__cell">Information about something</td>
<td class="table__cell">And this is important</td>
</tr>
</tbody>
</table>