Add a pagination to DataGrid

Tutorial » Add a pagination to DataGrid

This example show how we can load data from server and how to add a pagination to datagrid.

View Demo

Create DataGrid

To load data from remote server, you should set 'url' peoperty, where server will return JSON format data. see datagrid document for more about the data format.

We defines datagrid columns and set 'pagination' property to true, which will generate a pagination bar on datagrid bottom. The pagination will send two parameters to server:

  • page: The page number, start with 1.
  • rows: The page rows per page.

The Server Code

Download the EasyUI example:

easyui-datagrid-demo.zip