Back
Component
Data Table
Fully functional data table with sorting, filtering with many filter operators including range filters, hideable columns, sticky columns, search with prioritized 'includesString' logic, toolbar snippets, truncate logic, row select, pagination, expandable rows. Based on Tanstack Table and Shadcn Svelte. Responsive apart from filter and sort popovers.
Status | Aktionen | |||||||
|---|---|---|---|---|---|---|---|---|
| Keine Daten gefunden | ||||||||
0 von
71 Zeile(n) ausgewählt
Seite 1 von 8
Seite 1 von 8
Zeilen pro Seite
Seite 1 von
8
row.toggleExpanded()}
enableResizing
>
{#snippet insertButton(table)}
Anpassbarer Button
Dieser Button kann vollständig angepasst werden. Sie können hier Ihre
eigene Logik implementieren.
{/snippet}
{#snippet expandedRow(row)}
{#snippet dataTableActions(row: Row)}
Actions
Edit
Delete
Send Confirmation Email
{/snippet}
Der Button und seine Aktion können über das insertButton Snippet vollständig angepasst werden.
{JSON.stringify(row.original, null, 2)}
{/snippet}
{#snippet customFilters(table)}
{
const text = event.target.value;
table.getColumn("email")?.setFilterValue(text);
}}
/>
{/snippet}