react-data-grid یکی از کامپوننت های پر استفاده در react برای ایجاد جدول می باشد. جداولی که با استفاده از این کامپوننت ایجاد می شوند از نظر ظاهری شبیه اکسل می باشند و به همین دلیل این کامپوننت محبوبیت دارد. برای ایجاد جدول با استفاده از این کامپوننت به صورت زیر عمل می کنیم:

import DataGrid from 'react-data-grid';
import 'react-data-grid/dist/react-data-grid.css';
 
const columns = [
  { key: 'id', name: 'ID' },
  { key: 'title', name: 'Title' }
];
 
const rows = [
  { id: 0, title: 'Example' },
  { id: 1, title: 'Demo' }
];
 
function App() {
  return (
    <DataGrid
      columns={columns}
      rows={rows}
    />
  );
}