Displaying Summary Information in DataGrid's Footer

Tutorial » Displaying Summary Information in DataGrid's Footer

In this tutorial, we will show you how to display the summary rows in the footer of datagrid.

To display footer row, you should set the showFooter property to true and then prepare the footer rows that is defined in datagrid data. Below is the sample data:

Create DataGrid

The footer rows are same as body rows, so you can display more than one summary information on footer.

Download the EasyUI example:

easyui-datagrid-demo.zip