如何将css应用于jqgrid标题列

将CSS应用于jqGrid标题列可以通过以下步骤实现：

1. 首先，确保你已经引入了jqGrid的相关文件，包括CSS和JavaScript文件。
2. 在HTML页面中，创建一个表格元素，并为其指定一个唯一的ID，例如：

<table id="grid"></table>

1. 在JavaScript代码中，使用jqGrid的colModel属性来定义表格的列模型。在列模型中，可以为每一列指定自定义的CSS类名，例如：

var colModel = [
  { name: 'column1', label: 'Column 1', width: 100, classes: 'custom-class' },
  { name: 'column2', label: 'Column 2', width: 150 },
  // 其他列...
];

在上述代码中，classes属性指定了自定义的CSS类名custom-class。

1. 在CSS文件中，定义自定义的CSS类名的样式，例如：

.custom-class {
  color: red;
  font-weight: bold;
}

在上述代码中，定义了custom-class类名的文字颜色为红色，字体加粗。

1. 最后，在JavaScript代码中，使用jqGrid的gridComplete事件来应用CSS样式。在该事件中，可以通过jQuery选择器选中标题列，并为其添加自定义的CSS类名，例如：

$('#grid').jqGrid({
  // 其他配置项...
  colModel: colModel,
  gridComplete: function() {
    $('#grid').find('.ui-jqgrid-labels .custom-class').addClass('custom-class');
  }
});

在上述代码中，gridComplete事件中的代码会在表格渲染完成后执行，通过选择器选中标题列，并为其添加自定义的CSS类名。

通过以上步骤，你就可以将CSS应用于jqGrid标题列了。在这个例子中，我们使用了自定义的CSS类名custom-class来修改标题列的样式，你可以根据需要自定义其他的CSS样式。