yii2.0 使用EasyUI折叠表格层次显示detailview演示

本文目的:

最近在做项目,使用easyUi的特殊常用实例,表格层次显示,一层套一层,显示详细数据,嵌套3层应该可以满足所有人的需求了吧。如果你想嵌套4层,有了嵌套3层的案例,4层,5层不是问题吧!!!

本实例的特点:

1.当数据很多的时候,高度不能自动适应,会在表格右侧出现滚动条,想这样嵌套3层的后果,简直不忍直视,本实例高度自适应。

2.选中行后,不能清除选中效果,本实例是可以的。

3.当打开数据展示详情后,再关闭详情页后,不能高度自适应,本实例关闭表格依然自适应。

4.当数据太多,需要出现横向滚动,本实例已给出详细案例。

首先一张图片,展示效果,是否和自己的预期一致。

yii2.0 使用EasyUI折叠表格层次显示detailview演示_第1张图片

 

 那么一共有三级折叠,其中第二级实际上是一个分组:由于以上数据实在真实环境下开发的,所以做了处理,如下:

 

这里面需要注意的是:每一层的列滚动处理,fixDetailRowHeight的设置,需要对每一层的进行设置

 

你可能感兴趣的:(jQuery,easyui,html,easyui,datagrid)