Question

我有一个jqgrid，其中一些单元格中包含大量内容。似乎jqgrid的默认设置是隐藏溢出并且没有文本换行到新行（如果需要）。有没有办法允许jqgrid单元格根据需要扩展？

Answer 1

您可以使用colModel的'classes'属性，例如：

colModel: [
        { name: 'ClientName', label: 'Client', index: 'ClientName', width: 150, classes: 'wrappedJqGridCell'},

        .... other columns

        ]

然后在你的CSS文件中有适当的东西：

.wrappedJqGridCell
{
    white-space: normal !important;
    line-height: 200%;
}

通过这种方式，您可以集中处理样式，但仍然可以逐个单元地应用它。而且您不必使用JQGrid 4或更高版本，就像'cellattr'解决方案一样。

请记住，如果您更喜欢使用省略号（'...'）而不是换行，那么JQGrid CSS内置一个类，这是'ui-ellipsis'。这也适用于FireFox（通常需要更多的工作来获得省略号）。

Answer 2

有同样的问题，这个问题没有得到解答，并且在google中排在第一位，所以这里是：

/* your grid discriminator*/ tr td
{
    white-space: normal;
    height: auto;
}

我还找到了overflow: normal的建议;这甚至不是合法的CSS;它不在W3C的列表中，而FireBug正在把它吃掉。

Answer 3

嗯..已经尝试了明显的解决方案？调整jqgrid附带的CSS以允许单元格执行此操作吗？

Answer 4

使用jQGrid v4.0在colmodel中使用cellattr

喜欢以下

colModel: [
            { name: 'ClientName', label: 'Client', index: 'ClientName', width: 150, cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal;' } },

            .... other columns

            ]

如何使jqgrid单元格溢出的行为类似于html表

4 个答案: