如何只显示jqgrid中多行文本单元格的第一行？

Question

我有一个jqgrid，如图所示：

如您所见，行可以包含多行文本或只有一行。但是，如果它有多行文本，我只希望第一行显示在每一行上，并带有向下箭头。网格是不可编辑的。

此外，填充此网格的数据来自控制器的json字符串。目前，我已将网格参数设置为：

datatype: 'jsonstring',
datastr: jsonErrorGridData,
rowNum: '',
gridview: true,
onSelectRow: function (row_id) {
        $("#errorList-grid").toggleSubGridRow(row_id);
    }

这为我提供了一个包含所有行（rowNum: ''）的网格，在某些情况下可以超过1000.此外，如何在客户端实现分页，还包括下载所有网格数据的选项？ 此外，您可以看到列标题未正确对齐。我将此网格显示为div中的弹出对话框：

<div id="displayError">
    <table id="errorList-grid" style="table-layout: fixed"></table>
</div>

Answer 1

实现几乎完全符合要求的最简单方法是使用以下CSS规则：

lubridate

它将对所有未选择的行应用.ui-jqgrid .jqgrow:not(.ui-state-highlight) > td { white-space: nowrap; } ，这将减少行的高度。所选行仍将具有默认的white-space: nowrap;属性，因此将显示完整行。