2015-11-15 154 views
0

我无法找到显示网格标题(但不是简单的标题)在我定义的方式:字体和背景颜色。 情况如下: - 我有这样的列网格:EXTJS 4.2和网格标题颜色

----------------------------------------- 
    |    name    | 
    --|-----------------------------------|-- 
    |  part 1  |  part 2  | 
    --|-----------------------------------|-- 
    | p1 | p2 | p3 | p1 | p2 | p3 | 
    --|-----------------------------------|-- 
  • 我有特殊背景特殊的颜色只显示主标题字段 (“名称”), 我们说,在主塔红底白字

  • (“名称”)的定义我设置 风格:(对字体颜色) CLS:

  • (在CSS文件,背景颜色定义)

我可以为标题的每一个“级别”设置字体颜色 不同,因为我想要的,但背景颜色反正 工作所有的头。

这么样,告诉我为什么?:

+0

请一个小提琴展示你现在做什么。我可以在明天搜索一个例子,我只改变了一些标题的颜色。 – Alexander

+0

该死的,SORRY - 这是ExtJS 4.2,而不是5! – Tad

回答

2

的问题是,该框架借鉴网格的标头,嵌套的div和副标题具有透明背景,因此采取的父元素的背景(相到通过colspan属性完成这种分组的HTML表格,并且每个标题是分开的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; 
    } 
    

    Fiddle

  2. 增添色彩通过styles表头,但你要的颜色藏汉加入副标题(可以使用defaults attribture应用样式的所有子组件)

    Fiddle

+0

非常感谢谢尔盖,但这是我的错误(在标题:-))。我在这个项目中使用ExtJS 4.2而不是ExtJS 5! – Tad

+0

其实它不metter,某些列的样式应该在4.2中工作,没有变化。 –

+0

@SergeyNovikov感谢您准备了一个提问者,提问者似乎无法做到。你没有把它说得很对,他应该自己做,所以你可以看到他的问题。我已经[分叉你的小提琴](https://fiddle.sencha.com/#fiddle/1142)向你展示Tad的问题:主标题是红色的白色,这是正确的;但下面的标题是红色的深灰色(浅灰色应该是深灰色)。他的问题是除了明显的问题之外是否有解决方案(使用“style”属性来恢复每个子列的背景,这是不可维护的)。 – Alexander