2017-03-23 14 views
1

GWT FlexTableでこの最も単純なテーブルを作成するには?theadとtbodyでFlexTableを作成するには

<table> 
    <thead> 
    <tr> 
     <th>Month</th> 
     <th>Savings</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>January</td> 
     <td>$100</td> 
    </tr> 
    <tr> 
     <td>February</td> 
     <td>$80</td> 
    </tr> 
    </tbody> 
</table> 

それはtheadtbodyでテーブルを作成する方法については明らかではありませんFlexTableのマニュアルを参照してください。誰でも助けることができますか?少し早いですがお礼を。

答えて

0

あなたがFlexTable柔軟性を維持し、thead要素を追加する必要がしたい場合は、TableElementを操作することによって、それを達成することができます。それはかなり低レベルですが、あなたが必要とするのはIDです。

FlexTable table = new FlexTable(); 

table.setText(0, 0, "January"); 
table.setText(0, 1, "$100"); 
table.setText(1, 0, "February"); 
table.setText(1, 1, "$80"); 

com.google.gwt.user.client.Element oldElement = table.getElement(); 
com.google.gwt.dom.client.Element element = (com.google.gwt.dom.client.Element) oldElement; 
TableElement tableElement = (TableElement) element; 
TableSectionElement tHead = tableElement.createTHead(); 

TableRowElement row = tHead.insertRow(0); 
row.insertCell(0).setInnerText("Month"); 
row.insertCell(1).setInnerText("Savings"); 

RootPanel.get().add(table); 

table.getElement();リターンがcom.google.gwt.user.client.Elementを非推奨のこと:ここで

はあなたの例で与えられたDOM構造を取得する方法です。それはcom.google.gwt.dom.client.Elementを拡張し、TableElementも拡張します。すべてのキャストが完了したら、行とセルをtheadに追加できます。ここで

は(ChromeでGWT 2.7でテスト)の結果である:

enter image description here

0

これはできません。 なぜそれが必要ですか?

+0

まあ、私は本当にこのような方法をする必要はありませんが、それは、テーブルの基本的な構造だと、それは簡単なはずGWTでそれを行うこと。または私は間違っていますか? –

+0

FlexTableを使用することは確かに不可能です。 あなたが本当に欲しいのは、DataGridまたはCellTableですか? – Knarf

関連する問題