Tablecn is a React-based data table component that combines server-side data processing with real-time collaboration features. It provides a structured approach to building interactive tables using reusable components and a declarative column configuration system that automatically generates filter interfaces.
The project distinguishes itself through its contextual action bar pattern, which surfaces batch operations only when rows are selected, keeping the main interface uncluttered. It supports virtualized row rendering for performance with large datasets, and uses WebSocket connections to synchronize data changes across all connected clients in real time. The table state, including filters, sorting, and pagination, can be persisted in the URL for shareable views.
The component offers comprehensive data display capabilities including column pinning, sorting, pagination, infinite scroll, and keyboard navigation. Its filtering system supports per-column text, number, date, and select filters with customizable operators, as well as an advanced multi-condition rule interface for complex queries.