ContentSearchableSortableTable
Use ContentSearchableSortableTable for a dataset that readers need to search or sort. Provide a visible caption, semantic headers, consistent values, and enough surrounding text that the conclusion does not depend on a particular filter state or JavaScript.
Parameters
| Parameter | Required | Default | Description |
|---|
caption | Yes | None | Visible table caption. |
|---|
searchLabel | No | Search table | Accessible search field label. |
|---|
searchPlaceholder | No | Search table... | Search field hint. |
|---|
Example
<ContentSearchableSortableTable caption="Illustrative property review queue">
<thead>
<tr>
<th scope="col">Property</th>
<th scope="col">Status</th>
<th scope="col">Open questions</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Harbor Hotel</th>
<td>Ready</td>
<td>0</td>
</tr>
<tr>
<th scope="row">Market Guesthouse</th>
<td>In review</td>
<td>3</td>
</tr>
</tbody>
</ContentSearchableSortableTable>