特集「ヨモヤマビルド」

テーブルの中にテーブルを表示する方法

みなさんこんにちは、OutSystems Platformチームの鈴木です。
このカテゴリーではOutSystems PlatformのちょっとしたTips等を紹介していきたいと思います。
よろしくお願いします。

 

今回は、テーブルの中にテーブルを表示する方法です。
テーブルの中のセルに更にテーブルを表示したいという事って結構ありますよね。
OutSystems PlatformではテーブルはTable Recordsというコンポーネントで表示するのですが、
Table Recordsの各セルに直接はTable Recordsをネストして配置する事が出来ません。
でもWeb Blockコンポーネントを使うと解決できます。
レイアウトのサンプルは↓こんな感じです。(画像クリックで拡大表示します)

OP_20141024_1

 

外側のテーブルのDetailという項目には、別途用意したWeb Blockが配置されています。
で、Web Blockの中にネストさせたいTable Recordsが配置されています。
Web Block側のレイアウトは↓こんな感じです。

OP_20141024_2

 

実際に動かすと↓こんな感じです。

OP_20141024_3

 

これは、更にネストする事も出来るし、List Recordsでも同じように出来ます。