datagrid嵌套使用ajax,关于easyui datagrid多层嵌套动态合并列的问题

开发需求：使用easyUI开发报表，需要多层表头，表格也是多层嵌套。动态表头拼接，数据查询后动态筛选数据并过滤零值列。

遇到问题：动态过滤零值列后修改了顶层column的colspan属性导致不能正常展示内层嵌套表格；

解决方案：

var columns = $('#dg1').datagrid('options').columns;

var top_cols = columns[0];

if(top_cols[top_cols.length-1]['field']=="fukuanfangshimingxi"){

//添加自定义专有属性'true_colspan'解决直接修改最上层表头列'colspan'属性导致的显示错误

top_cols[top_cols.length-1]['true_colspan'] = top_cols[top_cols.length-1]['colspan'];

}

然后再需要修改colspan属性的地方修改自定义属性

if(top_cols[top_cols.length-1]['field']=="fukuanfangshimingxi"){

top_cols[top_cols.length-1]['true_colspan']-=1;

//top_cols[top_cols.length-1]['colspan'] -= 1;

//$('#dg1').datagrid('changeColumnSpan', {field:"fukuanfangshimingxi",new_col_span_num:top_cols[top_cols.length-1]['colspan']});

}

问题原因：推测应该是修改顶层column的colspan属性会导致easyui重新计算table和td宽度

datagrid嵌套使用ajax,关于easyui datagrid多层嵌套动态合并列的问题相关推荐

datagrid 重载本地数据_jQuery easyui datagrid重新加载数据
Jquery Easy ui datagrid的重新加载数据方法loadData中的data参数需要进行转换,如下示例代码如果想要datagrid填充为空使用$("#myGrid" ...
让jquery easyui datagrid列支持绑定嵌套对象
嵌套对象是指返回的json数据,是对象的某个属性自带有属性.而我们恰恰又需要这个属性,默认情况下easyui的datagrid是不支持绑定嵌套对象的.比如:datagrid的field属性只能为fie ...
【EasyUI DataGrid DetailView】表格嵌套子表格
一.功能描述在做项目的时候,要求能够对某一行的数据进行折叠显示,用来查看该行的详细信息.拟通过采用easyui的detailview创建表格分组,大致的效果图如下所示: 二.使用方法本篇博客承接以 ...
easyui datagrid 表格属性和方法
使用方法(Usage Example) 从现有的表单元素创建数据表格,定义在html中的行,列和数据. <table class="easyui-datagrid"> ...
easyui 表头合并_JQuery EasyUI DataGrid动态合并（标题）单元）一
JS: /** * EasyUI DataGrid根据字段动态合并单元格 * @param fldList 要合并table的id * @param fldList 要合并的列,用逗号分隔(例如:&q ...
easyui 修改单元格内容_jquery easyui datagrid实现增加，修改，删除方法总结
本文实例讲述了jquery easyui datagrid实现增加,修改,删除的方法.分享给大家供大家参考,具体如下: 页面: 引用的JS: JS: $(function(){ $('#tt').da ...
easyui js解析字符串_jquery easyui datagrid：使columns的field支持点连接的字符串属性...
javascript语法为我们提供了两种方式获取一个对象的属性:点字符连接和[]方式.使用[]可以很方便的将一个属性通过字符串的方式获取.但是javascript并没有提供点连接的字符串属性访问方式, ...
使用easyUI datagrid分页
使用easyUI datagrid分页我用了比较简单的sturts2和mybatis结合的小测试demo实现的. 一.使用easyUI datagrid分页注意事项及原理: 1.EasyUI的Dat ...
EasyUI datagrid detailview
全部展开: var me = this; setTimeout(function () { //延时触发easyui datagrid detailviewclick事件, 不用计时器无法展开,不 ...
easyui datagrid 的数据加载
这篇文章只谈jQuery easyui datagrid 的数据加载,因为这也是大家谈论最多的内容.其实easyui datagrid加载数据只有两种方式:一种是ajax加载目标url返回的json数 ...

datagrid嵌套使用ajax,关于easyui datagrid多层嵌套动态合并列的问题

datagrid嵌套使用ajax,关于easyui datagrid多层嵌套动态合并列的问题相关推荐

最新文章

热门文章