Dummy
x
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
39
40
41
42
43
44
<table class='usa-table' id=''>
  <caption>
    A table shows information in columns and rows.
  </caption>
  <thead>
    <tr>
      <th scope='col'>Document title</th>
      <th scope='col'>Description</th>
      <th scope='col'>Year</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope='row'>
        Declaration of Independence
      </th>
      <td>
        Statement adopted by the Continental Congress declaring independence
        from the British Empire.
      </td>
      <td>1776</td>
    </tr>
    <tr>
      <th scope='row'>
        Bill of Rights
      </th>
      <td>
        The first ten amendments of the U.S. Constitution guaranteeing
        rights and freedoms.
      </td>
      <td>1791</td>
    </tr>
    <tr>
      <th scope='row'>
        Declaration of Sentiments
      </th>
      <td>
        A document written during the Seneca Falls Convention outlining
        the rights that American women should be entitled to as citizens.
      </td>
      <td>1848</td>
    </tr>
  </tbody>
</table>
1
2
3
render UswdsComponents::TableComponent.new(borderless: borderless, striped: striped, stacked: stacked, stacked_header: stacked_header) do
  raw inner_html
end

Table Component

See at USWDS

stacked and staked_header determine how the table looks on mobile-width views.

Param Description Input

—

—

—

—

—