Inhalt v1.0.0

Datentabelle

Eine flexible Datentabellen-Komponente mit kombinierbaren Funktionen. Unterstützt Paginierung, Sortierung, Filterung, Suche, Zeilenauswahl mit Massenaktionen, CSV-Export und Spalten-Sichtbarkeitsumschaltung. Alle Funktionen werden über Optionen aktiviert und können beliebig kombiniert werden.

Vorschau & Code

Optionen

Name Typ Standard Beschreibung
data * Array erforderlich Array of hashes representing table rows
columns Array nil Optional column config [{ key: :name, label: 'Name' }]. Auto-inferred from data keys if omitted
pagination Boolean/Integer false Enable pagination. Set to integer (10, 25, 50) to set default per-page
sortable Boolean false Enable column sorting by clicking headers
searchable Boolean false Enable global search input
filterable Boolean false Enable per-column filtering (includes sorting)
selectable Boolean false Enable row checkboxes for bulk selection
exportable Boolean false Enable CSV export button
column_toggle Boolean false Enable show/hide columns dropdown
class String "" Additional CSS classes for the container

Änderungsprotokoll v1.0.0

- v1.0.0: Initial release with full feature set
- Client-side pagination with configurable rows per page
- Click-to-sort column headers with ascending/descending toggle
- Global search with debounced filtering
- Per-column filter inputs
- Row selection with select-all checkbox
- CSV export of current filtered/sorted data
- Column visibility toggle with dropdown

Vollzugang erhalten

Schalte den Quellcode für diese und alle anderen Komponenten frei. Einmalige Zahlung für lebenslangen Zugang.

Jetzt Zugang erhalten