jqGrid表头与数据不对齐的问题

原文:https://bbs.csdn.net/topics/392100457?depth_1-utm_source=distribute.pc_relevant.none-task-discussion_topic-BlogCommendFromBaidu-2&utm_source=distribute.pc_relevant.none-task-discussion_topic-BlogCommendFromBaidu-2

 

如果数据太长,因为ui.jqgrid.css中.ui-jqgrid tr.jqgrow td 设置了white-space: pre;导致数据与表头不对齐
解决方法1:
设置white-space为normal
解决方法2:
colModel设置数据的宽度
在火狐中,即便设置了宽度,表头和数据还是不对齐,
解决方法:
ui.jqgrid.css 中.ui-jqgrid tr.jqgfirstrow td  设置的样式padding: 0 2px 0 2px;border-right-width: 1px; border-right-style: solid;注释掉就可以了

我的处理方法,在html页面添加style

  .ui-jqgrid tr.jqgrow td {
    white-space: normal;
  }
  .ui-jqgrid tr.jqgfirstrow td {
    padding: 0 2px 0 2px;
    border-right-width: 1px; 
    border-right-style: solid;
  }

 

上一篇:jqGrid表格 冻结列调整列宽后导致后一列左端被隐藏部分内容的问题


下一篇:JQgrid实现全表单元格编辑