相关疑难解决方法(0)

如何动态扩展/收缩 Jqgrid 中的行

我有一个 jqgrid,其中有一栏写着“Shipped Via”。这一列可能有一个或多个值。即 TNT、FEDEX、ABC。输入字符串的格式可以更改。取决于我。现在,我在新行中显示所有三个值,这些值由 ', ' 分隔,即 TNT、FEDEX、ABC。

我想要的是,我只想在此列中显示“TNT”和三个点 (...) 或“更多...”之类的文本,如果有多个值。由于有多个值,单击该行+列时,该行应展开并显示所有三个值,然后再次单击该行应仅显示“TNT”。

我使用下面的代码设置了行高。

.ui-jqgrid tr.jqgrow td {
        overflow: hidden;
        height: 25px;
        padding-top: 0px;        
        font-size:1.2em;
    }
Run Code Online (Sandbox Code Playgroud)

由于包装关闭,因此很少有结束词/字符消失。虽然我们可以在工具提示中看到它们。

我不想在列中包装文本。换行会增加行高。

如果我将输入字符串作为 'TNT,\nFEDEX,\nABC' 传递。所有三个值都出现在三个不同的行中,这会增加行的高度。

css jquery jqgrid

1
推荐指数
1
解决办法
1197
查看次数

标签 统计

css ×1

jqgrid ×1

jquery ×1