Index Table
A table used for displaying and index of items
Variants
Index Table
A basic index table
-
<div class="index-table"> <div class="index-table__header"> <h2 class="index-table__header-title"> The title of the table </h2> </div> <ul> <li class="index-table__item"> an item </li> <li class="index-table__item"> an item </li> <li class="index-table__item"> an item </li> </ul> </div>
Usage
When to use
Use it when you need to display a list of items that can be selected, filtered, or sorted.
| Class Name | Description |
|---|---|
index-table
|
The container class |
index-table__header
|
The header element which appears at the top of the index table, containing filtering and sort options |
index-table__header-title
|
The title |
index-table__item
|
An individual row |