Skip to content

Data table

Open “Data table” in a new tab ↗

.tbl inside .tbl-wrap. Behaviours via data-*:

FeatureHook
Sort[data-table-sort] + th.sortable
Select all[data-select-all]
Bulk actions.bulkbar + [data-bulk]
Faceted filters.facets / .fchip (data-fchip remove, data-fclear clear)
Pagination.pager
Open “Advanced table” in a new tab ↗
  • Sticky header: .tbl-wrap.sticky
  • Type-to-filter: [data-table-filter="#id"]
  • Expandable rows: a .row-toggle button + a following tr.row-detail (.rd-body); tr.is-open reveals it.