请问jqGrid如何实现表头中的文本自动换行

清平布衣 2011-11-23 12:38:51

如题。一个列的表头过长，想让它自动换行，请问怎么样实现啊？谢了

...全文

743 5 打赏收藏转发到动态举报

写回复

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

Waldenz 2012-12-18

打赏
举报

回复

http://blog.csdn.net/kunshan_shenbin/article/details/8263486

fxfeng2000 2012-03-14

打赏
举报

回复

搜 .ui-th-column

woaini8390485 2012-03-14

打赏
举报

回复

我也遇到这个问题，想把列名做到自动换行，还不知怎么解决！

清平布衣 2011-11-23

打赏
举报

回复

我只找到了内容换行的CSS
.ui-jqgrid tr.jqgrow td{
font-weight:normal;
// overflow:hidden;
// white-space:pre;
white-space: normal !important;
vertical-align:text-top;

height:auto;
padding:0 2px 0 2px;
border-bottom-width:1px;
border-bottom-color:inherit;
border-bottom-style:solid;
}

清平布衣 2011-11-23

打赏
举报

回复

没人遇到这个问题吗？

jqgrid 表头换行显示 1.要求 jqgrid 表头换行显示 2.解决方案 1.在class=my-grid的div添加calss，grid-th-auto-height 2.修改jqgrid配置项汇总的colModel中的需要换行列的label属性，在换行位置加 3.例子 ...

JQGrid表头自动换行的办法：如果table的header部分字段太多或字段文字太长需要自动换行时，可尝试如下css。 <style type="text/css" media="screen"> th.ui-th-column div{ ...

JQGrid表头自动换行的办法：如果table的header部分字段太多或字段文字太长需要自动换行时，可尝试如下css。 th.ui-th-column div{ white-space:normal !important; height:auto !important; padding...

jqgrid 单元格自动换行且垂直居中在jqgrid.css文件中加入css代码: .ui-jqgrid tr.jqgrow td { white-space: normal !important; height:auto; vertical-align:text-top; padding-top:2px; display: table-...

①单元格内容过长三个点显示效果如下：页面加入css: 1 <style> 2 .ui-jqgrid tr.jqgrow td { 3 white-space: nowrap;...4 text-overflow: ellipsis;...②表头自动换行 效果如下：页面加入css:...

87,921

社区成员

224,619

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章