jQuery MiniUI

 找回密码
 立即注册
查看: 3512|回复: 5
打印 上一主题 下一主题

datagrid:css修改行高后会影响虚拟滚动吗? [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2017-3-13 19:34:57 |只看该作者 |倒序浏览
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高度后,启动虚拟滚动功能,慢慢向下滚动滚轮,会出现下面几行空白的情况
这个是因为高度变化后,需要设置滚动计算的某些变量吗?

Rank: 8Rank: 8

沙发
发表于 2017-3-14 09:13:30 |只看该作者
修改行高,请只修改,
.mini-grid-cell-inner{
   line-height:30px;
}
这样实际行高会是30+6+1=37px;
虚拟滚动的表格行高的是固定,如果也需要37,可以设置defaultRowHeight="37"

Rank: 2

板凳
发表于 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高度

Rank: 8Rank: 8

地板
发表于 2017-3-14 17:49:59 |只看该作者
toukinsou 发表于 2017-3-14 17:04
不使用css改变,用mini.get('xxx').setDefaultRowHeight(xx)可改变行高

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

mini.get(id).setHeight(height)

Rank: 2

5#
发表于 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行是空白,除了设置高度还需要什么操作吗?

Rank: 8Rank: 8

6#
发表于 2017-3-20 16:22:19 |只看该作者
toukinsou 发表于 2017-3-20 15:37
设置虚拟滚动后,表格只会加载部分数据。假设初始高度table可以表示20条数据,这个时候实际加载了26条数 ...

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

Archiver|普加软件

GMT+8, 2024-9-28 05:33 , Processed in 1.068228 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部