Props & events
Attributes & behavior classes
Style (.table-striped/.table-bordered/.table-hover), density (.table-compact/.table-comfortable), and the .table-outline frame (set on .table-wrap) configure appearance, alongside .table-sticky-header for pinning the header while the body scrolls. data-sort-type="number" on a <th> forces numeric comparison when sorting; data-sort-value on a <td> overrides the value sorted on (otherwise the cell's text is used).
| Attribute / class | Purpose |
|---|---|
aria-sort | Set on a sortable <th> to reflect none/ascending/descending state |
data-sort-type="number" | Forces numeric comparison for that column |
data-sort-value | Overrides the value a cell sorts on |
Events
Sorting reorders the existing <tr> nodes and toggles aria-sort; selection toggles .is-selected on each row — both wired automatically, no per-table setup.
| Event | Description |
|---|---|
flick:sort | Fired when a sortable column header is clicked and the rows are reordered. |
flick:selectionchange | Fired when a row or the select-all checkbox changes selection state. |