jquery - jqgrid 省略号

Question

在 jqGrid 中，如果文本不适合并被截断，是否有一种本地方法可以在列末尾显示“...”？

我看到有一个 ui-ellipsis 类，但我很困惑，如果文本被截断，它是否会自动添加，以及一旦调整列大小，它是否会自动消失？

Answer 1

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

<style type="text/css">
    .ui-jqgrid tr.jqgrow td { text-overflow: ellipsis;-o-text-overflow: ellipsis; }
</style>

在这种情况下，您将得到如下所示的结果:

(参见here直播)

在其他一些情况下，另一种 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>

在这种情况下，结果如下:

(参见here直播)。

以上两个设置都是我常用的设置，我经常根据客户的要求使用。