ZUI datagrid 底部怎么动态加合计
加footer 不起作用
引用自 chatgpt
在 ZUI datagrid 中,可以使用 footer 属性来添加底部合计。具体步骤如下:
1.首先,在 datagrid 的列定义部分,为需要合计的列添加 summary 属性,指定合计的方式。例如,如果需要对某一列进行求和合计,可以设置 summary: 'sum'。
columns: [
{ field: 'column1', title: '列1', summary: 'sum' },
{ field: 'column2', title: '列2' },
// 其他列定义
]
2.然后,在 datagrid 的配置部分,设置 showFooter 属性为 true,以显示底部合计。
showFooter: true
3.最后,在数据源中添加一个特殊的行,用于显示合计的结果。这一行的数据结构需要与列定义对应,可以通过计算得到合计的结果,然后设置到对应的列中。
data: [
{ column1: 1, column2: 2 },
{ column1: 3, column2: 4 },
// 其他数据行
{ column1: sumOfColumn1, column2: '-' }
]
其中,sumOfColumn1 是计算得到的列1的合计值。
let newData = [{{time: '00:11:12', hero:'幻影刺客', action: '击杀', target: '斧王', desc: '幻影刺客击杀了斧王。'}}];
let dg = myDataGrid.data("zui.datagrid");
dg.resetData(dg.dataSource.dataId, newData);
dg.renderData()
这样就可以对表格进行更新了。
备注:
对于静态数据,如果初始化时为空,则无法正常添加,需要在初始化时预置一定数量的空行!!!
如何有其他更好用的方案,欢迎指点告之。