css - 带有换行符的jqGrid td单元格高度

标签 css jqgrid

我正在使用 jqGrid 来帮助显示来 self 们的日志数据库的一些简单信息,以便更容易地从 Web 前端过滤/排序/浏览我们的日志。然而,我遇到的一个问题如下:

日志消息可能很长,我希望它们被截断并以“...”结尾作为预览。根据文档,我使用类集创建了以下 colModel。

colModel: [
        { name: "LogMessage", search: false, classes: 'ui-ellipsis' }
]

这可以正确地剪掉较长的文本,但是,当消息包含新行字符时,单元格高度仍然会扩大。 如何强制单元格高度保持固定? 或者在 jqGrid 设置中是否有一种优雅的方式来预处理文本并用空格替换新行? 或任何其他解决方案。我浏览了有关后者的文档,但一直找不到任何内容。

注意:我已经尝试在单元格上设置行高,但是,这只会让文本挤在一起,无法阅读。

谢谢!

最佳答案

预处理使用自定义格式化程序 link .. 所以你可以用空格消除新行和更多......

关于css - 带有换行符的jqGrid td单元格高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19645065/

相关文章:

javascript - 将递增运算符更改为递减运算符后窗口不会关闭

html - 可以扩展父容器尺寸的子元素垂直对齐方式

asp.net - 如何在jqGrid中实现多重搜索

javascript - JQGrid 默认搜索对话框,输入字段宽度

javascript - 如何在免费的 jqgrid 中增加表单编辑中的文本区域宽度

jquery - Jqgrid货币格式

javascript - 移动设备上的 100% 高度和 CSS

html - 在 Ionic 4 的另一个图像上重叠 svg 图标。需要它响应

css - 在这些情况下我应该在 CSS 中使用前缀吗?

javascript - 将 Id 传递给 Onclick 函数 JQGrid