Axon 911 Frontend DocsAxon 911 Frontend Docs
Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Blocks
  2. Data Table
  3. Usage

Data table

Usage

Use DataTable when a person scans, sorts, or acts on rows. Use Table for a handful of static rows. Give every row a stable id. Memoize columns. Put status in a Badge and row actions in actionMenu, not in a column of buttons. Empty, no-results, and error are three slots. Empty means there is no data. No-results means a search or filter removed every row. Error means the load failed. The header stays in each state. CrudPage composes this table with a header, filters, and a record drawer when the page is a list of records.
Previous
AI Elements / Accessibility
Next
Data Table / API and Development