Member-only story

An Introduction to Ant Tables for JavaScript Developers

Ant tables provide sorting, filtering, pagination, row selections, infinite scrolling, and many more features

Jennifer Fu
Better Programming
9 min readApr 28, 2021

--

Picture of a driveway
Photo by the author.

A table, also called a data grid, is an arrangement of data in rows and columns, or possibly in a more complex structure. It is an essential building block of a user interface. However, a table (with sorting, filtering, pagination, row selections, infinite scrolling, etc.) is not a component that is provided natively via many application frameworks.

You either build your own table or adopt an existing table component. There are two top contenders for tables. One is Ant Design and the other is React Table. The following npm trends show their weekly downloads, which are very close:

npm trends for Ant Design vs. React Table

The Ant Design system is an open source code for enterprise-level UI design languages and the React UI library. An Ant table is one of the major components in the Ant Design system. We previously wrote about React Table, and now we will follow the same checklist to review Ant tables. It would be interesting to read side by side how React Table and Ant Design provide the same…

--

--

Responses (1)

Write a response