jQuery MiniUI

标题: 表格设置了自动换行 allowCellWrap='true' 表格索引数字换行 [打印本页]

作者: ming 时间: 2014-6-11 11:35:17 标题: 表格设置了自动换行 allowCellWrap='true' 表格索引数字换行

allowCellWrap='true' ，效果不佳。
[attach]4664[/attach]

作者: ming 时间: 2014-6-11 12:05:03

滚动翻页：
1.自动换行不能自动换行了[attach]4667[/attach]

作者: felt 时间: 2014-6-11 13:26:07

ming 发表于 2014-6-11 12:05
滚动翻页：
1.自动换行不能自动换行了

1 自动换行就是显示不全的时候换行显示，你不要换行就设置大一点的列宽
2 翻页滚动是什么？
虚拟滚动模式不支持换行

作者: ming 时间: 2014-6-11 14:36:48

felt 发表于 2014-6-11 13:26
1 自动换行就是显示不全的时候换行显示，你不要换行就设置大一点的列宽
2 翻页滚动是什么？
虚拟滚动模式 ...

这个知道了。
1.虚拟滚动模式不支持换行

第一个问题：
[attach]4671[/attach]
如图，表格的数字索引列是比较特殊的一列
其实到100行的时候，100数字是超过了，所以换行，这个是正确的。
但是：
1.100这个数字影响了整行的高度，我希望能看到100或者遮挡的10这个数字，有这个标志。但是不希望它影响样式
2.把索引列设置宽度大一些，这个不恰当，因为我的数据有10000的，
我设置宽度多宽合适呢，宽了前几页1-100，这个显得太别扭了。窄了，后面的又会影响换行。

所以，希望索引这列，能够在整个表格内容可换行的情况，设置其能不换行。希望有这么个属性，或者我找一下换行的css，
给它取消掉。

作者: ming 时间: 2014-6-11 14:56:09

<div type='indexcolumn' width='20' cellCls='mini-grid-cell-nowrap'></div>
这样设置 cellCls='mini-grid-cell-nowrap' 试过了，

<td id="26$cell$1" class="mini-grid-cell  mini-grid-cell-nowrap " style="text-align:center;">
   <div class="mini-grid-cell-inner " style="" title="">
         <div id="mini-13$number$26">1006</div>
   </div>
</td>

只能影响td，不能影响到td里面的div

还是会换行。。。

作者: factory 时间: 2014-6-11 15:15:59

ming 发表于 2014-6-11 14:56
这样设置 cellCls='mini-grid-cell-nowrap' 试过了，

索引列加大列宽

作者: ming 时间: 2014-6-11 15:39:10

factory 发表于 2014-6-11 15:15
索引列加大列宽

对于前几页，数字只是 1 2 3
这样宽度变宽了，比较空，占空间

能单独对某列，设置不换行吗？

作者: factory 时间: 2014-6-11 15:43:57

ming 发表于 2014-6-11 15:39
对于前几页，数字只是 1 2 3
这样宽度变宽了，比较空，占空间

不换行的话,一些数字也是会被遮挡掉,显示不全的, 不能随单元格内容自动撑开列宽.

所以还是加宽宽度吧

作者: ming 时间: 2014-6-11 18:33:50

factory 发表于 2014-6-11 15:43
不换行的话,一些数字也是会被遮挡掉,显示不全的, 不能随单元格内容自动撑开列宽.

所以还是加宽宽度吧 ...

ok吧。
其实索引列要有，但是看不全数字没关系。

加大宽度会占用其他内容列的空间。第一页的话，空空的别扭。

不加宽度，换行了又会撑开高度。

数据量是不固定的，比如说99999999 加大宽度多少合适呢。

纠结，

所以设置一定的宽度比如27px，又能对索引列单独设置为不换行就最好了。

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