EXTJS 4.2和网格标题颜色

Question

我找不到我定义的显示网格标题（但不是简单标题）的方法：字体和背景色。 情况如下：-我有一个带有这样的列的网格：

  -----------------------------------------
    |               name                |
  --|-----------------------------------|--
    |      part 1     |      part 2     |
  --|-----------------------------------|--
    |  p1 |  p2 |  p3 |  p1 |  p2 |  p3 |
  --|-----------------------------------|--

• 我只需要在特殊背景上以特殊颜色显示主标题字段（“名称”），比如说红色为白色

• 在主列（“名称”）定义中，我设置了样式：（用于字体颜色）cls ：（用于css文件中的定义，背景颜色）

而且，我可以根据需要为标题的每个“级别”设置不同的字体颜色，但是无论如何背景颜色都适用于所有标题。

这么仁慈，告诉我为什么？：

Answer 1

问题在于框架将嵌套的div的标题绘制为网格，而子标题具有透明的背景，因此采用父元素的背景（与HTML表格相对，该表格中的分组由colspan属性和每个标题组成）是单独的td / th元素）。

我可以为此任务提供两种解决方案：

1. 将cls添加到您的列

    { text: 'Contact Info', cls: 'customGridHeader', columns: [ { text: 'Email', dataIndex: 'email' }, { text: 'Phone', dataIndex: 'phone' } ] } 

   并通过css直接子选择器为列的内部div添加所需的样式

    .customGridHeader > .x-column-header-inner { background: red; color: white; } 

   小提琴

2. 通过styles为表格标题添加颜色，但是您也必须为子标题添加颜色（可以使用defaults属性将样式应用于所有子组件）

   小提琴