GWT-DataGridにデータラベルを追加

Question

データグリッドセルにデータラベルを追加したいとします。しかし、私はどの要素にアクセスしてそれにスタイルアトリビュートを追加するか考えていませんか？

ご意見はありますか？

編集：目標は http://codepen.io/maddesigns/pen/pHqnt

<table class="responsive"> 
    <thead> 
     <tr> 
      <th scope="col">Name</th> 
      <th scope="col">Vorname</th> 
      <th scope="col">Straße</th> 
     <th scope="col"><abbr title="Postleitzahl">PLZ</abbr></th> 
      <th scope="col">Ort</th> 
     </tr> 
    </thead> 
<tr> 
    <td data-label="Name">Shannon</td> 
    <td data-label="Vorname">Cheyenne</td> 
    <td data-label="Straße">Ap #239-2170 Phasellus Av.</td> 
    <td data-label="PLZ">94075</td> 
    <td data-label="Ort">Berlin</td> 
</tr> 
</table> 

Answer 1

あなたができることすべてがスタイル名の代わりに、データラベルを追加しているように反応するテーブルを作成することです。この http://www.gwtproject.org/javadoc/latest/com/google/gwt/user/cellview/client/AbstractCellTableBuilder.html

Answer 2

、あなたはJavaコード自身customCellTableBuilderに、あなたが列を作成しているコードの一部を持っている必要があることを行うに は、「アドレス」または「名前」など

Chcekのようなスタイル名を追加します最も簡単な方法は、DefaultCellTableBuilderのコードをコピーして少し編集することによってAbstractCellTableBuilderを拡張することです。あなたはこのようなあなたのtd要素に属性を追加することができます。ここ

// Build the cell. 
    HorizontalAlignmentConstant hAlign = column.getHorizontalAlignment(); 
    VerticalAlignmentConstant vAlign = column.getVerticalAlignment(); 
    TableCellBuilder td = tr.startTD(); 
    td.className(tdClasses.toString()); 

：あなたはこのコードを見つけるでしょうbuildRowImpl方法で

String dataLabel = ""; 
switch (curColumn) { 
case 0: dataLabel = "Name"; 
    break; 
case 1: dataLabel = "Vorname"; 
    break; 
case 2: dataLabel = "Straße"; 
    break; 
case 3: dataLabel = "PLZ"; 
    break; 
case 4: dataLabel = "Ort"; 
    break; 
default: 
    break; 
} 
td.attribute("dataLabel", dataLabel); 

いけない実際にあなたの中にあなたのBuilderを使用することを忘れDataGrid： yourGrid.setTableBuilder(tableBuilder);

別の例のホwをAbstractCellTableBuilderとすると、hereが見つかります。