Ui3nTable

Ui3nTable is a high-performance tabular data grid built on top of CSS Grid, supporting dynamic column templates, declarative sorting states, and context-aware row selection layers.

Props

Name	Type	Default	Description
config*	Ui3nTableConfig<T, keyof T>	—	Table configuration
head*	Ui3nTableHeadProps<T>[]	—	Table header
body*	Ui3nTableBodyProps<T, keyof T>	—	Table body

Events

Event Name	Arguments / Value Type	Description
change:sort	Ui3nTableSort<T>	Emitted when sort changes
select:row	T[]	Emitted when row is selected

Slots

Slot Name	Scope Props (v-slot)	Description
#no-data	—	No data slot
#unused-place	—	Unused place slot
#group-actions	{ selectedRows: T[]; }	Group actions slot
#row	Ui3nTableBodyRowSlotScope<T, keyof T>	Row slot

Ui3nTableSortIcon

Internal presentation control used within table headers to visualize directional column sorting transitions.

Props

Name	Type	Default	Description
size	string | number | undefined	16	Icon size
color	string | undefined	"var(--color-icon-table-primary-default)"	Icon color
value*	"asc" | "desc"	—	Icon value

Usage Examples

Simple table

Basic read-only layout displaying flat structured dataset objects.

Simple table

Basic table with data

Table with sorting

Demonstrates intercepting header clicks and rendering automated direction sort icon indicators.

Table with sorting

Table with sortable columns

Table with selection

Demonstrates enabling row checkboxes, batch operations triggering, and managing global form selection arrays.

Table with selection

Table with row selection