jQuery MiniUI

标题: datagrid:css修改行高后会影响虚拟滚动吗？ [打印本页]

作者: toukinsou 时间: 2017-3-13 19:34:57 标题: datagrid:css修改行高后会影响虚拟滚动吗？

table.mini-grid-table td{
height: 0px;
}
table.mini-grid-table td.mini-grid-cell{
height: 20px;
}
table.mini-grid-table td div.mini-grid-cell-inner{
height: 20px;
line-height: 20px;
padding-top: 0px;
padding-bottom: 0px
}

设置td高度后，启动虚拟滚动功能，慢慢向下滚动滚轮，会出现下面几行空白的情况
这个是因为高度变化后，需要设置滚动计算的某些变量吗？

作者: felt 时间: 2017-3-14 09:13:30

修改行高，请只修改,
.mini-grid-cell-inner{
line-height:30px;
}
这样实际行高会是30+6+1=37px;
虚拟滚动的表格行高的是固定，如果也需要37，可以设置defaultRowHeight="37"

作者: toukinsou 时间: 2017-3-14 17:04:38

felt 发表于 2017-3-14 09:13
修改行高，请只修改,
.mini-grid-cell-inner{
line-height:30px;

不使用css改变，用mini.get('xxx').setDefaultRowHeight(xx)可改变行高

请问表格表示后还能改变整个表格的高度吗，就是那个div高度

作者: felt 时间: 2017-3-14 17:49:59

toukinsou 发表于 2017-3-14 17:04
不使用css改变，用mini.get('xxx').setDefaultRowHeight(xx)可改变行高

请问表格表示后还能 ...

mini.get(id).setHeight(height)

作者: toukinsou 时间: 2017-3-20 15:37:29

felt 发表于 2017-3-14 17:49
mini.get(id).setHeight(height)

设置虚拟滚动后，表格只会加载部分数据。假设初始高度table可以表示20条数据，这个时候实际加载了26条数据，mini.get(id).setHeight(height)改变高度后可以表示30条数据，但是27-30行是空白，除了设置高度还需要什么操作吗？

作者: dforce 时间: 2017-3-20 16:22:19

toukinsou 发表于 2017-3-20 15:37
设置虚拟滚动后，表格只会加载部分数据。假设初始高度table可以表示20条数据，这个时候实际加载了26条数 ...

setHeight之后
再调用grid.doUpdate()强制更新一下。

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)