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

ParameterRequiredDefaultDescription
captionYesNoneVisible table caption.
searchLabelNoSearch tableAccessible search field label.
searchPlaceholderNoSearch 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>
Illustrative property review queue
PropertyStatusOpen questions
Harbor HotelReady0
Market GuesthouseIn review3