在 jqGrid 中,如果文本不适合并被截断,是否有一种本机方法可以在列末尾显示“...”?
我看到有一个 ui-ellipsis 类,但我很困惑,如果文本被截断,它是否会自动添加,以及一旦调整列大小,它是否会自动消失?
您可以使用以下CSS解决该问题
<style type="text/css">
.ui-jqgrid tr.jqgrow td { text-overflow: ellipsis;-o-text-overflow: ellipsis; }
</style>
在这种情况下,您将得到如下所示的结果:
![enter image description here](https://i.stack.imgur.com/0yHas.png)
(see here live)
在其他一些情况下,另一种 CSS 样式会更好:
<style type="text/css">
.ui-jqgrid tr.jqgrow td {
white-space: normal !important;
height:auto;
vertical-align:middle;
padding-top:3px;
padding-bottom:3px
}
</style>
在这种情况下,结果如下:
![enter image description here](https://i.stack.imgur.com/dsIjK.png)
(see here live).
以上两个设置都是我常用的设置,我根据客户的要求经常使用。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)