@sxo/component-table provides a robust foundation for building complex data tables. It handles massive datasets with ease while remaining completely unopinionated about rendering.

✨ Key Features

• ⚡ Virtual Scrolling: Native support for massive data display with smooth scrolling.
• 🧩 Headless Logic: Decouples data management (sorting, filtering, selection) from the UI.
• 🎨 SXO Integrated: Designed to work seamlessly with @sxo/engine and @sxo/ui.
• 🛡️ Type Safe: First-class TypeScript support for columns and data schemas.

🚀 Quick Start

Installation

pnpm add @sxo/component-table

Usage

import { DataTable } from '@sxo/component-table';

const table = new DataTable({
  data: myMassiveData,
  columns: [
    { key: 'name', title: 'Name' },
    { key: 'email', title: 'Email' }
  ]
});

// Use the table logic in your framework component
console.log(table.rows);

📖 Documentation

For full documentation and advanced examples, visit the Table Component Documentation.

📄 License

MIT License.