Skip to content
Edit this page

Data Grid - Paging

Through paging, a segment of data can be viewed from the assigned data source.

Name
Rating
Address
Phone
Country

Rows per page:

50

0-0 of 0

<DataGrid
  pagination
  style={{ width: '100%' }}
  columns={[
    { field: 'name', label: 'Name' },
    { field: 'rating', label: 'Rating' },
    { field: 'address', label: 'Address' },
    { field: 'phone', label: 'Phone' },
    { field: 'country', label: 'Country' },
  ]}
  rowsData={data}
/>

Benchmark

API