在使用easyui 的表格的時,很多時候需要加一個總計欄,當然easyui中有加總計欄的方法,寫一個footer就好,然而我覺得這種方法並不好,因爲添加的總計欄是和列表每個單元格對應的,有長度限制,不美觀。
如果你也這樣想,可以按我這種方法:
把總計欄寫到分頁欄裏面,這樣就可以一行顯示啦。
具體方法很簡單:
在datagrid的定義後面寫一個這個:
var pager = $('#dg').datagrid().datagrid('getPager');
pager.pagination({
buttons:'#pagerButtons'
});
在定義一個div,就好了
<table id="dg"></table>
<div id="pagerButtons"></div>
然後,在datagrid加載玩的success時間中,把總計欄的東西動態寫到pagerButtons這個div裏面就好啦
效果是這個樣子的: