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多出空白行的主要内容,如果未能解决你的问题,请参考以下文章