📋

DataTable

Feature-rich data table with sorting, filtering, and pagination

94%
Code Reduction
500
Traditional Lines
30
Factory Lines
5
Frameworks

Code Example

const UserTable = ui.createDataTable({
  columns: [
    { id: 'name', header: 'Name', accessorKey: 'name' },
    { id: 'email', header: 'Email', accessorKey: 'email' },
    { id: 'status', header: 'Status', accessorKey: 'status' }
  ],
  data: users,
  sortable: true,
  searchable: true,
  pagination: true,
  selectable: true
});

Usage

1. Install the package

npm install @vladimirdukelic/revolutionary-ui-factory

2. Import and setup

import { setup } from '@vladimirdukelic/revolutionary-ui-factory';
const ui = setup();

3. Create your component

Use the code example above to create your DataTable component with 94% less code!

Features

  • ✓Advanced sorting
  • ✓Column filtering
  • ✓Pagination
  • ✓Row selection
  • ✓Export to CSV/Excel
  • ✓Column resizing
  • ✓Virtual scrolling

Supported Frameworks

React✓
Vue✓
Angular✓
Svelte✓
Solid✓