Components › Records & data › Table › Segment table

Segment table

canon

Listing table: sortable header, frozen checkbox and identity columns, lazy loading by 50 and an optional summary row in its own tfoot.

Engine lives in the app (components/segment/SegmentScreen.tsx — SegmentTable); the lite variant strips checkbox, column menu, summary and frozen identity. Row height is --row-h (37px) — the 44/52 densities belong to Item list, not here. The registry previously listed .sgb-summary, which does not exist: the summary row is the table tfoot and .sgb-sum is the per-column control.

Used in 23 files · 22 areas · 23× — pages/AccountingInvoicesPage, pages/AccountingOpenItemsPage, pages/AccountingReceivedInvoicesPage, pages/AiZamestnanciPage, pages/DokumentyPage, pages/FirmyPage …

apps/web <SegmentTable> <SegmentScreen>.table-wrap .sgb-table .sgb-th-col .sgb-th-sortable +3SourceStoryLegacy card list-view.html
ExamplesCodeUsageAccessibilityChangelog

Import

Not exported from @acrm/ui — <SegmentTable&gt;, &lt;SegmentScreen> lives in the app (apps/web/src/components/segment/SegmentScreen.tsx). Reuse the CSS classes below, or move the component into the package first.

Props

SegmentTable

No props extracted (not in props.json).

SegmentScreen

No props extracted (not in props.json).

CSS classes

.table-wrap.sgb-table.sgb-th-col.sgb-th-sortable.sgb-ck.sgb-rowclick.sgb-sum

Files

Table rowFilter barSection top bar