Table Component

A flexible, feature-rich React table component with TypeScript support.

Features

• 🎯 TypeScript Support - Full type safety
• 🎨 Customizable Styling - CSS modules with theme support
• 📱 Responsive Design - Mobile-friendly layout
• 🔍 Sorting - Built-in column sorting
• 📄 Pagination - Flexible pagination options
• 🎭 Custom Rendering - Custom cell renderers
• 🎪 Row Actions - Click handlers and interactions
• 🎨 Multiple Sizes - Small, medium, large variants
• ✨ Loading States - Built-in loading indicators
• 🎯 Accessibility - ARIA compliant

Installation

npm install @your-username/table-component

Quick Start

import { Table, Column } from '@your-username/table-component';

const data = [
  { id: 1, name: 'John', age: 30 },
  { id: 2, name: 'Jane', age: 25 },
];

const columns: Column[] = [
  { key: 'name', title: 'Name', sortable: true },
  { key: 'age', title: 'Age', align: 'center' },
];

function App() {
  return <Table data={data} columns={columns} />;
}