Skip to main content
Batoi UIF Docs

Tables and Registers

Design scannable operational lists with filters, status, row detail, and exports.

Version 3.0.0 Version 3 active maintenance Reviewed Aug 11, 2026 Next review Nov 11, 2026

Owner: Batoi Engineering Reviewed by: Batoi UIF Maintainers Source revision: b2f3478

Browse Batoi UIF Documentation Tables and Registers

Tables and Registers

Registers are tables designed for repeated operational work.

They should help users find records, compare state, inspect detail, and take action quickly.

Register Features

  • search
  • status filter
  • sticky table header
  • row selection
  • local, remote, or hybrid data mode
  • responsive columns
  • row actions
  • bulk actions
  • declarative filters
  • remote pagination and sorting
  • detail panel
  • add local record
  • CSV export

Column Guidance

Lead with record identity.

Follow with ownership, status, due date, and next action.

Avoid wide tables where users must scroll horizontally for normal decisions.

Data Modes

Use local mode for small browser-only lists, remote mode for server-backed operational registers, and hybrid mode when the route should render initial rows but still support server-backed refreshes.

Remote table endpoints should return rows or rendered HTML plus paging, sort, direction, total, and optional summary metadata.

Example

The Resource Register example demonstrates a browser-only evidence register with filter, add, row detail, and CSV export.

The Table Scenarios library example demonstrates current local, remote, hybrid, responsive, bulk-action, and row-action patterns at https://www.batoi.com/assets/batoi-uif-main/examples/table-scenarios/.