在JqGrid中自动换行
在JqGrid中自动换行
提问于 2009-11-13 23:47:35
你能得到在JqGrid中换行的文本吗？我环顾了一下，但什么也找不到。
回答 3
Stack Overflow用户
回答已采纳
发布于 2009-11-14 02:32:59
尝试以下CSS：
.ui-jqgrid tr.jqgrow td {
white-space: normal !important;
}这对使用jqGrid 3.6的我来说是可行的。
正如N30指出的，jqGrid 4.0现在支持cellattr colModel选项，该选项可以对文本换行进行更精细的控制。从他的例子中可以看出：
cellattr: function (rowId, tv, rawObject, cm, rdata) {
return 'style="white-space: normal;"';
}Stack Overflow用户
发布于 2011-06-16 23:40:31
在ColModel4.0中，更好的方法是在colmodel中使用jQGrid，如下所示：
colModel: [
{ name: 'ClientName', label: 'Client', index: 'ClientName', width: 150, cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal;"' } },
.... other columns
]通过这种方式，您可以对单个列应用换行样式，而不必使用！重要
Stack Overflow用户
发布于 2012-04-19 05:21:51
我有这个问题的标题，并发现我需要所有这些，让它也修复它在IE中。注意，这是针对标题的，而不是针对单元格的。这样做的问题是，它的影响可能比您想要的要大(我相信我稍后会发现)，但您总是可以改进css选择器和/或让它们引用特定的#tableIdName或某个类，以便您可以随心所欲地选择加入。
.ui-jqgrid .ui-jqgrid-htable th div {
overflow: visible !important;
height: auto !important;
}
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
white-space: normal !important;
}
.ui-jqgrid .ui-th-div-ie{
white-space: normal !important;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1730061
复制相关文章
相似问题
腾讯云开发者
