jqgrid - 单元格没有隐藏溢出的文本答案

【问题标题】：jqgrid - cell is not hiding overflowing textjqgrid - 单元格没有隐藏溢出的文本
【发布时间】：2015-03-18 04:08:04
【问题描述】：

我正在使用 jqgrid 插件 4.6.0。在正常显示期间或在列调整大小期间，单元格不会隐藏溢出的文本。请看下图，

jqgrid 4.5.2 不会出现此问题。最新版本的插件中是否有任何设置可以避免单元格数据包装？

注意：标题列按预期工作。实际文本是“创建于”的，在调整大小时，它会隐藏溢出文本。

这是 IE 调试器模式下的 CSS：

【问题讨论】：

标签： jquery jqgrid jqgrid-asp.net

【解决方案1】：

我建议你使用 IE/Chrome/Firefox 的开发者工具来验证为什么the CSS rule会在你的环境中被覆盖

.ui-jqgrid tr.jqgrow td {
    font-weight: normal;
    overflow: hidden;
    white-space: pre; /* this one */
    height: 22px;     /* and this one */
    padding: 0 2px 0 2px;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
    border-bottom-style: solid;
}

我想您与 HTML 页面中包含的其他一些 CSS 存在冲突。

【讨论】：

CSS 似乎是一样的。我刚刚在问题部分附上了来自 IE 调试器的上述 CSS 的屏幕截图。请验证。
@Vim：你能提供重现问题的演示吗？如果我使用 jqGrid 4.6，我没有任何问题。例如the demo。如果减小日期列的大小，文本将被剪切。如果您打开开发人员工具并取消选中规则.ui-jqgrid tr.jqgrow td 中的white-space: pre;，您将立即看到单元格中的文本将像您发布的图片一样被包裹起来。无论如何，jqGrid的原始CSS应该没有问题。
很遗憾，我今天无法为您提供演示。我提到的行为仍然存在。我会尽快为您提供演示或更多详细信息。