Row selection runs on the same engine slice as the table's: enable it on the list and add the withNatTableSelectionColumn companion. The generated checkbox is plain DOM, so it renders inside list items unchanged, and selected items expose data-selected for styling.
Minimal example
<!-- Same selection engine as the table: enable it, add a selection column. -->
<nat-table-surface [(state)]="state">
<nat-list
[columns]="columns"
[data]="rows"
[enableRowSelection]="true"
[selectionMode]="selectionMode()"
accessibleName="Orders" />
</nat-table-surface>// component.ts — withNatTableSelectionColumn renders a real checkbox per item.
// Its header is the select-all checkbox, which a list would otherwise repeat as
// the field label, so give the column a screen-reader-only label instead.
protected readonly columns = withNatTableSelectionColumn(orderColumns, { columnId: 'select' }).map((column) =>
column.id === 'select' ? { ...column, meta: { ...column.meta, hiddenHeaderLabel: 'Select order' } } : column
);
// Selection lives in the shared surface state, so it reads back like any slice.
protected readonly selectedCount = computed(() => Object.values(this.state().rowSelection ?? {}).filter(Boolean).length);/* Selected items expose data-selected for styling. */
nat-list { --nat-table-list-item-background-selected: color-mix(in srgb, currentcolor 8%, transparent); }0 selected
Showing 8 items across 10 visible fields.
- Select orderOrder
ORD-10000 Customer Summit CrestCompany Summit Crest LogisticsChannel OnlineRegion WestStatusReady Items 5Updated Jun 1Total $1,500 - Select orderOrder
ORD-10001 Customer Beacon TechCompany Beacon Tech LabsChannel RetailRegion MidwestStatusReview Items 12Updated Jun 2Total $5,400 - Select orderOrder
ORD-10002 Customer Horizon VenturesCompany Horizon Ventures GroupChannel WholesaleRegion NortheastStatusQueued Items 19Updated Jun 3Total $11,400 - Select orderOrder
ORD-10003 Customer Vanguard SystemsCompany Vanguard Systems CorpChannel OnlineRegion SouthStatusReady Items 26Updated Jun 4Total $19,500 - Select orderOrder
ORD-10004 Customer Zenith LogisticsCompany Zenith Logistics ServicesChannel RetailRegion WestStatusReview Items 33Updated Jun 5Total $29,700 - Select orderOrder
ORD-10005 Customer Quantum EnergyCompany Quantum Energy GroupChannel WholesaleRegion MidwestStatusQueued Items 40Updated Jun 6Total $42,000 - Select orderOrder
ORD-10006 Customer Pacific TradeCompany Pacific Trade & SupplyChannel OnlineRegion NortheastStatusReady Items 47Updated Jun 7Total $56,400 - Select orderOrder
ORD-10007 Customer Caliber ManufacturingCompany Caliber Manufacturing CoChannel RetailRegion SouthStatusReview Items 9Updated Jun 8Total $12,150