Conteúdo v1.0.0

Tabela de dados

Um componente de tabela de dados flexível com recursos combináveis. Suporta paginação, ordenação, filtragem, busca, seleção de linhas com ações em massa, exportação CSV e alternância de visibilidade de colunas. Todos os recursos são habilitados via opções e podem ser combinados conforme necessário.

Pré-visualização e Código

Opções

Nome Tipo Padrão Descrição
data * Array obrigatório 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

Changelog 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

Obter Acesso Completo

Desbloqueie o código-fonte deste componente e de todos os outros. Pagamento único para acesso vitalício.

Obter Acesso Agora