1 | # Data Table
|
2 |
|
3 | ## Classes
|
4 |
|
5 | - Core
|
6 | - `bx--data-table-container`
|
7 | - `bx--data-table-header`
|
8 | - `bx--data-table`
|
9 | - `bx--data-table--zebra`
|
10 | - `bx--data-table--no-border`
|
11 | - `bx--data-table--static`
|
12 | - `bx--data-table--selected`
|
13 | - Sizing (smallest to largest)
|
14 | - `bx--data-table--compact`
|
15 | - `bx--data-table--short`
|
16 | - `bx--data-table--tall`
|
17 | - Action
|
18 | - `bx--table-toolbar` (child of `bx--data-table-container`)
|
19 | - `bx--batch-actions`
|
20 | - `bx--batch-actions--active`
|
21 | - `bx--batch-summary`
|
22 | - `bx--batch-summary__para`
|
23 | - `bx--batch-summary__cancel`
|
24 | - `bx--toolbar-search-container`
|
25 | - `bx--toolbar-content`
|
26 | - `bx--toolbar-action`
|
27 | - `bx--toolbar-action__icon`
|
28 | - `bx--action-list`
|
29 | - `bx--action-icons`
|
30 | - Expandable
|
31 | - `bx--parent-row`
|
32 | - `bx--expandable-row`
|
33 | - `bx--expandable-row--hidden`
|
34 | - `bx--expandable-row--hover`
|
35 | - `bx--table-expand`
|
36 | - `bx--table-expand__button`
|
37 | - `bx--table-expand__svg`
|
38 | - Sort
|
39 | - `bx--table-sort`
|
40 | - `bx--table-sort--ascending`
|
41 | - `bx--table-sort--active`
|
42 | - `bx--table-sort__icon`
|