Question

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

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

我必须只显示主标题字段（“名称”）特殊背景上的特殊颜色，让我们说红色白色
风格:(用于字体颜色） cls :(用于在css文件中定义，背景颜色）

我可以为每个“级别”的标题设置字体颜色不同我想要的，但背景颜色无论如何为所有标题工作。

太善良了，告诉我为什么？：

Answer 1

问题是框架绘制网格的标题，因为嵌套的div和subheaders具有透明背景，因此采用父元素的背景（而不是通过colspan属性完成此类分组的HTML表）并且每个标题都是单独的第td个元素。

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

将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;
}

Fiddle

通过styles向表格标题添加颜色，但您必须为子标题添加颜色（您可以使用defaults attribture为所有子组件应用样式）

Fiddle

EXTJS 4.2和网格标题颜色

1 个答案: