A front-end prototype of a spreadsheet interface built with React, TypeScript, and TanStack Table. The application features a dynamic grid with column resizing, keyboard navigation, and data filtering capabilities.
Key Features
Interactive Grid: A spreadsheet grid powered by TanStack Table v8.
Dynamic Rows: The grid generates empty rows to fill the available viewport height.
Cell Selection & Navigation: Full cell selection via mouse click and navigation with keyboard arrow keys.
Column Resizing: Draggable column headers for width adjustment.
Interactive Controls: Features a collapsible toolbar and data filtering via footer tabs.