# facebookarchive/fixed-data-table

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/facebookarchive-fixed-data-table).**

4,269 stars · 539 forks · JavaScript · NOASSERTION · archived

## Links

- GitHub: https://github.com/facebookarchive/fixed-data-table
- Homepage: http://facebook.github.io/fixed-data-table/
- awesome-repositories: https://awesome-repositories.com/repository/facebookarchive-fixed-data-table.md

## Description

Fixed-data-table is a React component library designed for rendering large datasets within structured, scrollable grid interfaces. It functions as a virtualized table, optimizing performance by rendering only the rows currently visible within the viewport.

The library distinguishes itself through its focus on maintaining context during navigation, utilizing fixed-header layouts and synchronized scroll state management. It employs index-based data access to map information to specific grid coordinates, allowing for modular cell customization and flexible column configuration.

The component supports comprehensive table presentation management, including column resizing and row height adjustments. It provides programmatic control over scroll behavior, enabling the synchronization of table movement with external interface elements or custom gestures.

## Tags

### User Interface & Experience

- [Data Grid Customization](https://awesome-repositories.com/f/user-interface-experience/data-grid-customization.md) — Provides a frontend data grid interface for displaying large datasets with support for column resizing and custom cell rendering.
- [Data Table Components](https://awesome-repositories.com/f/user-interface-experience/data-table-components.md) — Implements a React data table component for rendering large datasets with fixed headers and columns.
- [Windowed Rendering](https://awesome-repositories.com/f/user-interface-experience/virtual-rendering/rendering-optimizations/windowed-rendering.md) — Optimizes performance by rendering only the rows currently visible within the viewport using windowed rendering techniques.
- [Virtualized Data Tables](https://awesome-repositories.com/f/user-interface-experience/virtualized-data-tables.md) — Optimizes performance by rendering only visible rows within a scrollable container using virtualized table techniques.
- [Table Column Sizing](https://awesome-repositories.com/f/user-interface-experience/column-layout-configurations/predefined-column-layouts/table-column-sizing.md) — Provides configuration for column widths and rendering rules to ensure consistent and readable table layouts. ([source](https://github.com/facebookarchive/fixed-data-table/tree/master/docs))
- [React Components](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/react-components.md) — Ships as a modular and reusable React component library for consistent data presentation.
- [Large List Renderers](https://awesome-repositories.com/f/user-interface-experience/dynamic-list-rendering/virtualized-list-rendering/large-list-renderers.md) — Enables efficient rendering of massive datasets in a scrollable view while maintaining context with fixed headers. ([source](https://github.com/facebookarchive/fixed-data-table#readme))
- [Compositional Headers](https://awesome-repositories.com/f/user-interface-experience/layout-containers/header-configurations/compositional-headers.md) — Implements compositional headers that remain fixed during vertical scrolling to maintain context for the user.
- [Scroll State Controllers](https://awesome-repositories.com/f/user-interface-experience/scroll-interaction-handlers/scroll-state-controllers.md) — Exposes scroll position via props to allow synchronization between multiple table sections or external UI elements.
- [Component-Based Cell Rendering](https://awesome-repositories.com/f/user-interface-experience/view-customizations/component-based-cell-rendering.md) — Provides a mechanism for injecting custom React components into grid cells to allow flexible and modular data formatting.

### Part of an Awesome List

- [Data Tables and Grids](https://awesome-repositories.com/f/awesome-lists/data/data-tables-and-grids.md) — Organizes complex information into structured and resizable table layouts for navigating large sets of data.
- [Management Tables](https://awesome-repositories.com/f/awesome-lists/data/data-tables/management-tables.md) — Enables comprehensive table presentation management, including row height adjustments and column resizing. ([source](https://github.com/facebookarchive/fixed-data-table#readme))

### Software Engineering & Architecture

- [Large Dataset Explorers](https://awesome-repositories.com/f/software-engineering-architecture/performance-reliability/performance-optimization/data-handling-throughput/large-dataset-optimizations/large-dataset-explorers.md) — Provides an interactive interface optimized for the exploration and visualization of large-scale tabular datasets.