EasyUI
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.
![](http://jquery-easyui.googlecode.com/svn/trunk/share/tutorial/datagrid/datagrid17_1.png)
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.