DataTableLive

component

The data-table recipe as a Live Component: search while typing, filters, sortable columns, pages and row selection, without page reloads.

In this static copy, the table is a Live Component: its search, sorting, pages and selection run on the server, so they do nothing. Run the full demo to try it.

Install

php bin/console ux:install data-table-live \
    --kit=https://github.com/xormania/uxor:0.3.0

README Source

What it installs

Copies: assets/ → assets/
src/ → src/
templates/ → templates/
Recipes: data-table turbo
Composer: symfony/ux-live-component:^3.5
symfony/ux-icons
twig/html-extra:^3.24.0
symfony/ux-twig-component:^3.5
tales-from-a-dev/twig-tailwind-extra:^1.3.0

Examples (1)

Default

Light

Dark

Code

<twig:OrdersTable tableId="orders" label="Orders" />