jQuery MiniUI

标题: mini-datagrid 弹性列宽怎么设置最小宽度 [打印本页]

作者: paio 时间: 2014-5-4 12:06:57 标题: mini-datagrid 弹性列宽怎么设置最小宽度

mini-datagrid 弹性列宽怎么设置最小宽度min-width，没有最小宽度有时候会看不到列

作者: lost 时间: 2014-5-4 13:02:09

datagrid目前没有设置最小宽度置minWidth的属性。

作者: paio 时间: 2014-7-21 17:22:15

这个问题没有解决吗，屏幕宽度不够整个列都看不到了

作者: felt 时间: 2014-7-21 17:25:38

paio 发表于 2014-7-21 17:22
这个问题没有解决吗，屏幕宽度不够整个列都看不到了

列宽之和大于表格宽度不是有滚动条吗
http://www.miniui.com/demo/#src=datagrid/datagrid.html
你非要把列宽拉到最小那当然看不见

作者: paio 时间: 2014-7-21 17:33:23

felt 发表于 2014-7-21 17:25
列宽之和大于表格宽度不是有滚动条吗
http://www.miniui.com/demo/#src=datagrid/datagrid.html
你非要把 ...

固定列宽是会有滚动条！没问题

弹性列宽才会有这个问题，
我的列是动态的，
列少的话自动撑满会比较美观，
但是列多的话部分客户屏幕分辨率小的弹性列就看不到了

作者: felt 时间: 2014-7-21 21:19:07

paio 发表于 2014-7-21 17:33
固定列宽是会有滚动条！没问题

弹性列宽才会有这个问题，

做个例子上传来看一下

作者: felt 时间: 2014-7-22 09:44:50

paio 发表于 2014-7-21 17:33
固定列宽是会有滚动条！没问题

弹性列宽才会有这个问题，

[attach]4856[/attach]
看下这个例子，不是可以撑开，有滚动条的吗

作者: paio 时间: 2014-7-22 10:38:50

felt 发表于 2014-7-22 09:44
看下这个例子，不是可以撑开，有滚动条的吗

这个没有弹性列宽

需求是这样的：
1.当列数较少时弹性列宽width=100%应该撑满表格
2.当列数多时弹性列应该有个最小宽度，不然会挤没掉

作者: paio 时间: 2014-7-22 10:44:59

felt 发表于 2014-7-22 09:44
看下这个例子，不是可以撑开，有滚动条的吗

[attach]4858[/attach]
看看这个，注意第一列<div field="loginname" width="100%" headerAlign="center" allowSort="true">员工帐号</div>
加了100%就显示不了了

作者: felt 时间: 2014-7-22 11:10:03

paio 发表于 2014-7-22 10:44
看看这个，注意第一列员工帐号
加了100%就显示不了了

[attach]4859[/attach]
如图
请更新至最新版本测试

作者: paio 时间: 2014-7-22 11:33:30

felt 发表于 2014-7-22 11:10
如图
请更新至最新版本测试

你的第一列还是没有啊

作者: factory 时间: 2014-7-22 13:28:02

paio 发表于 2014-7-22 10:44
看看这个，注意第一列员工帐号
加了100%就显示不了了

宽度百分比,是对剩余宽度而言,你的表格宽度固定,列宽总和超出表格宽度,剩余宽度为0了,你再设置百分比0*100%还不是一样为0? 你要么列宽不超出表格宽度,要么就不能用百分比做撑满剩余效果,写固定值

作者: paio 时间: 2014-7-23 12:02:02

factory 发表于 2014-7-22 13:28
宽度百分比,是对剩余宽度而言,你的表格宽度固定,列宽总和超出表格宽度,剩余宽度为0了,你再设置百分比0*10 ...

所以需要min-width，
计算值如果小于min-width就按min-width值设置，同时出现滚动条

作者: dforce 时间: 2014-7-23 13:11:10

paio 发表于 2014-7-23 12:02
所以需要min-width，
计算值如果小于min-width就按min-width值设置，同时出现滚动条
...

列宽之和超出表格宽度，只能设置固定宽度，不支持百分比

作者: linkaiyi 时间: 2015-7-6 11:55:09

paio 发表于 2014-7-23 12:02
所以需要min-width，
计算值如果小于min-width就按min-width值设置，同时出现滚动条
...

严重支持增加min-width属性！一样的需求！

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