2

私は GridDataSource と一緒に Grid を持っています。ただし、そのグリッドの 1 つの列を他のすべての下に表示したいと考えています。

次に例を示します。

私はこれまでのところこれを持っています：

| Column 1 | Column 2 | Column 3 | Column 4 | Column 5 |
========================================================
| Data 11  | Data 12  | Data 13  | Data 14  | Data 15  |
--------------------------------------------------------
| Data 21  | Data 22  | Data 23  | Data 24  | Data 25  |
--------------------------------------------------------

私はこれを達成したいと思います:

| Column 1 | Column 2 | Column 3 | Column 4 |
=============================================
| Data 11  | Data 12  | Data 13  | Data 14  |
|                  Data 15                  |
---------------------------------------------
| Data 21  | Data 22  | Data 23  | Data 24  |
|                  Data 25                  |
---------------------------------------------

最初の 4 列のセルの後に追加し<tr>て DataX5 をその中に入れようと考えていましたが、それではうまくいきません。

4

2 に答える 2

3

私のgriddecorator mixin を使用して、各行にGridRowDecoratorを適用できます。デコレーターは、現在の行の後に新しい行を作成し、最後の要素を新しい行に移動します。

そうでない場合は、グリッドがレンダリングされた後に DOM を微調整する独自の mixin を作成します。列と行を移動し、行スパンを追加する私のgridcollapse mixin をご覧になることをお勧めします。

于 2013-10-02T10:22:51.250 に答える
0

少し危険なもう 1 つの方法は、outputRaw とカスタム セルを使用して、タペストリーの適切に形成された XML 要件を回避することです。

例えば

<t:grid source="..." value="current">
   <p:column5Cell>     
      <t:outputRaw value="&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan='4'&gt;" />
      ${current.column5}
   </p:column5Cell>
</t:grid>
于 2013-10-02T10:40:19.917 に答える