Easyui 自定义样式设置表格高度后 TreeGrid多出空白行

Posted 胡明亮

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Easyui 自定义样式设置表格高度后 TreeGrid多出空白行相关的知识,希望对你有一定的参考价值。

  EasyUI datagrid 官方代码中 表格的高度太矮,于是新增了样式来增强表格高度

.datagrid-btable tr{height: 35px;}    /* datagrid 行高 */

  后来使用到TreeGrid,发现每次折叠父节点时都会多出一个空白行(如下图),感觉好难看

  解决方法有两种:

  方法1,删除自定义样式 

.datagrid-btable tr{height: 35px;}    /* datagrid 行高 */

    或者方法2,再追加自定义样式

.datagrid-btable .treegrid-tr-tree tr {height: auto;}    /* 规避tree grid折叠时多出一个空白行  */

 

  

 

以上是关于Easyui 自定义样式设置表格高度后 TreeGrid多出空白行的主要内容,如果未能解决你的问题,请参考以下文章

easyui Datagrid 表格高度计算及自适应页面的实现

Easyui 自定义列 添加按钮 样式问题

使用easyui将json数据生成数据表格

EXCEL如何新建自定义单元格以及样式怎么设置

easyui 怎么弄有自定义图标的按钮

GridView的使用(高度封装,不怎么灵活,repeat可替代)