Fusion Table

A modern, customizable data table component built with React, TypeScript, TanStack Table, and Tailwind CSS in a monorepo structure.

Features

• ✨ TanStack Table v8 with full TypeScript support
• 🎨 Styled with Tailwind CSS
• 📱 Monorepo supporting React (web) and React Native (mobile)
• 🔄 Advanced pagination with customizable page sizes
• 💪 Fully typed and reusable components `

Demo

Quick Start

# Install dependencies
yarn install

# Run web app
yarn web

Available Scripts

yarn web              # Start web dev server
yarn web:build        # Build web for production

Usage

import { DataTableWeb } from './components/DataTableWeb';

const columns = [
  { accessorKey: 'name', header: 'Name' },
  { accessorKey: 'email', header: 'Email' },
];

const data = [
  { id: 1, name: 'John', email: '[email protected]' },
];

<DataTableWeb data={data} columns={columns} pageSize={10} />

Tech Stack

• React 19 + TypeScript 5
• TanStack Table 8
• Tailwind CSS 3
• Vite
• Yarn Workspaces

License

MIT