2011-12-18 22 views
2

以下に示すように、表のさまざまな要素のCSS定義があります(詳細は省略されていますが、参照できるスタイル名のみ)。 GWT FlexTableヘッダーの列

table.entities { 
border: 1px solid #c5d7ef; 
border-collapse: collapse; 
width: 100%; 
margin-bottom: 0; 
} 

table.entities th, table.entities td { 
padding: .25em 1.5em .5em .5em; 
} 
table.entities th { 
    font-weight: bold; 
    text-align: left; 
    background: #e5ecf9; 
    white-space: nowrap; 
} 

table.entities th a, table.entities th a:visited { 
    color: black; 
    text-decoration: none; 
} 

table.entities td { 
    background-color: #fff; 
    text-align: left; 
    vertical-align: top; 
    cursor: pointer; 
} 

table.entities tr.even td { 
    background-color: #f9f9f9; 
} 

そして、私のような偶数行のスタイル適用されます。

flexTable.getRowFormatter().getElement(row).setClassName("even"); 

をしかし、いくつかの理由で、ヘッダのスタイルは、テーブルには適用されません。ここではそれが

  • theaderのようなものにthからヘッダーのスタイルを変更させるための有効な仮定であるならば、私はそれは私が最初の行にスタイルを適用するthを期待されたよう

    • を試してみましたが、わからなかったものです最初の行に対して行フォーマッタを使用して明示的に最初の行に適用されます。私は1 & 0の両方として最初の行の値を試してみましたが、どちらかは私が

    誰もが私が間違っているかもしれないところ私はスポッティング助けることができるが、その結果得られませんでしたか?

  • 答えて

    3

    FlexTableが<th>タグを表示しないことは間違いありません。すべては<tbody>に含まれています。

    また、<tr>タグは、すべての子の<td>タグに同じスタイルを適用する必要がある行全体をスタイルするために、ほとんど構造化されていないことを覚えておく必要があります。

    tr.someStyle td { 
        /* all styles that apply to the row */ 
    } 
    

    実際のスタイルを投稿し、適用されていないものがあれば、さらに助けてくれるかもしれません。

    +0

    元の質問にスタイルの詳細を追加しました –

    +0

    @ vishal.biyani、ok「」タグを表示しないFlexTableについての部分も読んでいますか?私はFlexTableのソースコードをダブルチェックしました。すべては '​​'です。したがって、最初の行には特別なスタイルが必要です。 – Strelok

    +1

    あなたはについて正しいです。私はヘッダ用に別のスタイルを作成し、flexTable.getRowFormatter()を使用して適用しました。addStyleName(0、 "headerRow");以前の間違いには行番号とスタイルの適用方法が間違っていました。あなたの助けをありがとう、あなたは私を正しい解決に導きます! –

    関連する問題