jqgrid省略号

Gho*_*o5t 3 jquery jqgrid

在jqGrid中,是否有一种本地方式在列的末尾显示"...",如果它的文本不适合并被截断?

我看到有一个UI的省略号类,但我很困惑,如果要是文本被截断它会自动添加,如果它离开后自动列调整大小去?

Ole*_*leg 16

您可以使用以下CSS解决问题

<style type="text/css">
    .ui-jqgrid tr.jqgrow td { text-overflow: ellipsis;-o-text-overflow: ellipsis; }
</style>
Run Code Online (Sandbox Code Playgroud)

如果您将获得如下所示的结果:

在此输入图像描述

(见这里直播)

在其他一些情况下,另一种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>
Run Code Online (Sandbox Code Playgroud)

在结果如下的情况下:

在此输入图像描述

(见这里直播).

以上两种设置都是我常用的设置,我经常使用这些设置取决于客户的要求.