# alibaba/ali-react-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/alibaba-ali-react-table).**

979 stars · 329 forks · TypeScript · MIT · archived

## Links

- GitHub: https://github.com/alibaba/ali-react-table
- Homepage: https://ali-react-table.js.org/
- awesome-repositories: https://awesome-repositories.com/repository/alibaba-ali-react-table.md

## Topics

`react` `react-table` `table`

## Description

This library is a high-performance data grid component for React applications, designed to manage and display large datasets. It provides a declarative configuration system that allows developers to define table structures, data sources, and feature toggles through a structured object schema.

The library distinguishes itself through a flexible layout engine that supports complex UI requirements, such as pinning headers and specific columns to viewport edges during scrolling. It utilizes virtualized rendering to maintain interface responsiveness by displaying only the visible subset of data, ensuring consistent performance regardless of the total item count.

Beyond its core layout and performance capabilities, the project offers extensive customization options. Developers can inject custom React components to define the appearance and behavior of individual cells and apply visual styles through scoped CSS variables, allowing for tailored data presentation without modifying internal component logic.

## Tags

### User Interface & Experience

- [Data Grid Customization](https://awesome-repositories.com/f/user-interface-experience/data-grid-customization.md) — Provides a flexible data grid library for displaying and customizing large datasets.
- [Virtualized List Rendering](https://awesome-repositories.com/f/user-interface-experience/dynamic-list-rendering/virtualized-list-rendering.md) — Implements virtualized rendering to maintain high performance when displaying large datasets.
- [Data Grid Components](https://awesome-repositories.com/f/user-interface-experience/text-rendering/dom-based-rendering/grid-layout-rendering/data-grid-components.md) — Offers a high-performance React table component with virtual scrolling and custom cell rendering.
- [Virtual Scrolling Utilities](https://awesome-repositories.com/f/user-interface-experience/virtual-scrolling-utilities.md) — Provides automatic virtual scrolling to ensure smooth interaction with massive data collections. ([source](https://github.com/alibaba/ali-react-table#readme))
- [Column Pinning](https://awesome-repositories.com/f/user-interface-experience/data-tables/column-pinning.md) — Supports locking headers and columns to viewport edges to maintain context during scrolling. ([source](https://github.com/alibaba/ali-react-table#readme))
- [Grid Layout Managers](https://awesome-repositories.com/f/user-interface-experience/data-tables/data-entry-forms/complex-form-layouts/grid-layout-managers.md) — Manages complex UI layouts by pinning headers and columns to viewport edges.
- [Custom Cell Styling](https://awesome-repositories.com/f/user-interface-experience/editor-customization-tools/custom-cell-editors/custom-cell-styling.md) — Allows custom rendering logic and styling for individual table cells. ([source](https://github.com/alibaba/ali-react-table#readme))
- [Column Engines](https://awesome-repositories.com/f/user-interface-experience/flexible-grid-layouts/column-engines.md) — Provides a high-performance layout engine that manages column geometry and positioning for complex grid structures.
- [Table Components](https://awesome-repositories.com/f/user-interface-experience/table-components.md) — Provides a highly customizable table component design for tailored data presentation.
- [Component-Based Cell Rendering](https://awesome-repositories.com/f/user-interface-experience/view-customizations/component-based-cell-rendering.md) — Enables developers to inject custom React components for rendering individual grid cells.
- [Virtualized Data Tables](https://awesome-repositories.com/f/user-interface-experience/virtualized-data-tables.md) — Optimizes browser performance by rendering only the visible portion of massive datasets.

### Part of an Awesome List

- [Data Grid Components](https://awesome-repositories.com/f/awesome-lists/devtools/react-components/data-grid-components.md) — Serves as a high-performance data grid component specifically built for React applications.

### Business & Productivity Software

- [Declarative Column Configurations](https://awesome-repositories.com/f/business-productivity-software/column-configuration/declarative-column-configurations.md) — Uses a declarative configuration schema to define table structures and data sources.

### Software Engineering & Architecture

- [Large Dataset Optimizations](https://awesome-repositories.com/f/software-engineering-architecture/performance-reliability/performance-optimization/data-handling-throughput/large-dataset-optimizations.md) — Optimizes the visualization of massive datasets through efficient virtual scrolling.