jquery easy ui 表格合并!
2014-03-13 15:59
176 查看
在$('#kpi_list_datagrid').datagrid里面加上onLoadSuccess事件!
onLoadSuccess: function(data){
if (data.rows.length > 0) {
//调用mergeCellsByField()合并单元格
mergeCellsByField();
}
}
下面结果是empName字段合并几行!monthTotalScore字段就合并几行!
方法
function mergeCellsByField() {
var rows = $('#kpi_list_datagrid').datagrid('getRows');
if(rows.length!=0){
var monthTotalScore=rows[0].monthTotalScore;
var empName=rows[0].empName;
var index=0;
var size=0;
for( i=0;i<rows.length;i++){
if( empName!=rows[i].empName){
$('#kpi_list_datagrid').datagrid('mergeCells',{
index:index,
field:'empName',
rowspan:size,
colspan:1
});
$('#kpi_list_datagrid').datagrid('mergeCells',{
index:index,
field:'monthTotalScore',
rowspan:size,
colspan:1
});
monthTotalScore=rows[i].monthTotalScore;
empName=rows[i].empName;
index+=size;
size=0;
}
size++;
}
$('#kpi_list_datagrid').datagrid('mergeCells',{
index:index,
field:'empName',
rowspan:size,
colspan:1,
});
$('#kpi_list_datagrid').datagrid('mergeCells',{
index:index,
field:'monthTotalScore',
rowspan:size,
colspan:1,
});
}
onLoadSuccess: function(data){
if (data.rows.length > 0) {
//调用mergeCellsByField()合并单元格
mergeCellsByField();
}
}
下面结果是empName字段合并几行!monthTotalScore字段就合并几行!
方法
function mergeCellsByField() {
var rows = $('#kpi_list_datagrid').datagrid('getRows');
if(rows.length!=0){
var monthTotalScore=rows[0].monthTotalScore;
var empName=rows[0].empName;
var index=0;
var size=0;
for( i=0;i<rows.length;i++){
if( empName!=rows[i].empName){
$('#kpi_list_datagrid').datagrid('mergeCells',{
index:index,
field:'empName',
rowspan:size,
colspan:1
});
$('#kpi_list_datagrid').datagrid('mergeCells',{
index:index,
field:'monthTotalScore',
rowspan:size,
colspan:1
});
monthTotalScore=rows[i].monthTotalScore;
empName=rows[i].empName;
index+=size;
size=0;
}
size++;
}
$('#kpi_list_datagrid').datagrid('mergeCells',{
index:index,
field:'empName',
rowspan:size,
colspan:1,
});
$('#kpi_list_datagrid').datagrid('mergeCells',{
index:index,
field:'monthTotalScore',
rowspan:size,
colspan:1,
});
}
相关文章推荐
- 1.1 动态合并指定表格数据(表格法)
- 合并表格(Table)单元格
- vue.js实现表格合并示例代码
- border-collapse设置表格和单元格边框合并
- vue 合并表格行
- Delphi与Word(一) 合并Word 表格中单元格
- WPF下的Richtextbox中实现表格合并,添加删除行列等功能
- 用jQuery合并表格中相同文本的相邻单元格
- HTML第十一天 表格的合并
- 我要学ASP.NET MVC 3.0(十八): MVC 3.0 实例系列之表格中合并排序、分页和筛选
- 工具 - 合并 CSV 表格 结构树 - Henvealf
- JS 合并表格列
- 表格合并---课程表
- jquery合并表格中相同文本的相邻单元格
- win 7 下合并多个表格
- 表格合并js
- phpexcel中文教程-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护
- exel复制粘贴内容生成表格,相同项合并
- table表格合并跨行中相同元素的列
- 用python + openpyxl处理excel(07+)多文档合并+表格合并 + 一些中文处理的技巧