Table - Custom Templates

The Table component supports custom column content and headers.

Custom Column Template

Customize column rendering content through slots, where the slot name is the column's prop value.

Custom Column Template

Custom Header

Customize header content through the header-[prop] slot.

Custom Header

Action Column

Add action button columns for edit, delete, and other operations.

Action Column

Formatted Display

Format cell content through the column's formatter function.

Formatted Display

Render Function

Render custom content through the column's render function using JSX/h function.

Render Function