jQuery EasyUI使用教程之在數據網格的頁腳中顯示摘要信息

<jQuery EasyUI最新試用版免費下載>

在本教程中，咱們將爲您展現如何在數據網格的頁腳中顯示摘要信息行。

查看jQuery EasyUI演示

想要顯示頁腳行，您應該將showFooter屬性設置爲true，而後準備定義在數據網格數據中的頁腳行。如下是示例數據：

{"total":1,"rows":[{"id":1,"name":"Chai","price":18.00}],"footer":[{"name":"Total","price":18.00}]}

建立數據網格

< table id = "tt" title = "DataGrid" class = "easyui-datagrid" style = "width:400px;height:250px" url = "data/datagrid17_data.json" fitcolumns = "true" rownumbers = "true" showfooter = "true" >

< thead >

< tr >

< th field = "name" width = "80" >Product Name</ th >

< th field = "price" width = "40" align = "right" >Unit Price</ th >

</ tr >

</ thead >

</ table >

頁腳行和顯示數據行同樣，因此您能夠在頁腳顯示不止一個摘要信息。

下載EasyUI示例：easyui-datagrid-demo.zip

有興趣的朋友能夠點擊查看更多有關jQuery EasyUI的教程！