Vuesion+ Datatable

A fast and extendable data table for @vuesion, compatible with Vuesion 5+. The Datatable component is designed to efficiently organize and display data, leveraging the power of Vuesion and TypeScript for an optimal UX. It features an intuitive API, accessibility optimization, and can handle up to 100k records.

Features

• Search: Define which columns can be searched. Default search filters data across all attributes with an OR condition. Custom search logic can be provided.
• Sorting: Define sortable columns. Default sort works with String and Number values, applied one column at a time. Custom sorting logic can be provided.
• Pagination: Manages pagination internally or via props.
• Bulk Actions: Apply actions to all records or a custom selection.
• Grouping: Provide grouping options with custom designs for headers.
• Custom Renderer: Override design for rows, cells, empty states, and group headers. Enables the creation of diverse features.
• Expandable Rows: Implement expandable rows using custom renderers. Production-ready example included. Example implementation included.
• Inline Editing: Implement inline editing using custom renderers. Production-ready example included. Example implementation included.

Use-cases

• Default Mode: Full data set handled on the client side.
• Async Mode: Partial data set with meta-information handled by an external data source (e.g., RESTful API, GraphQL).

What’s included?

• VueDatatable component
• 5 Storybook Examples
• 21 Tests, 100% coverage
  

License