2015-11-15 82 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