Question

这是我的setGroupHeaders代码。是否可以为这些列提供背景颜色。

jQuery("#plist").jqGrid('setGroupHeaders', {
  useColSpanStyle: false,
  groupHeaders: [{
    startColumnName: 'A',
    numberOfColumns: 1,
    titleText: ''
  }, {
    startColumnName: 'B',
    numberOfColumns: 3,
    titleText: 'My First header'
  }, {
    startColumnName: 'E',
    numberOfColumns: 2,
    titleText: 'second Header'
  }]
});

Answer 1

首先我想提醒一下，jqGrid 4.4.3已经快5年了，这对于web开发来说已经很老了。使用复古版需要wirklich吗？我建议您升级到free jqGrid的最新版本（4.15.1）。

我不确定我是否正确理解了您想要更改背景颜色的位置。我想你需要使用类似下面的CSS规则：

.jqg-second-row-header > th.ui-th-column-header {
    background-color: orange; /* change background color */
    background-image: none;   /* remove default background-image */
    color: blue;   /* change the color of the text to correspond background color */
    height: 1.7em; /* increase the height of the header line */
}

请参阅https://jsfiddle.net/OlegKi/eba8z5jm/

如果您需要在不同的列标题上设置不同的背景颜色，那么您可以将上述CSS规则修改为例如

.jqg-second-row-header > th.ui-th-column-header:nth-child(4) {
    background-color: orange; /* change background color */
    background-image: none;   /* remove default background-image */
    color: blue;   /* change the color of the text to correspond background color */
    height: 1.7em; /* increase the height of the header line */
}

请参阅https://jsfiddle.net/OlegKi/eba8z5jm/3/

是否可以在jqgrid setGroupHeaders或Vertical行中提供backgroud颜色以将其与列隔离

1 个答案: