Skip to main content

 

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

 

Template:OutSystems/OSLanguageSwitcher

 

 

 

OutSystems

Table

Tableウィジェットは、行と列に割り当てられたセルにデータを表示するときに使用します。Tableウィジェットで作成されたテーブルでは、自動ページネーション、並べ替え、アトリビュートのドラッグによる列の追加を行うことができます。

このウィジェットは、リアクティブWebアプリで使用できます。

プロパティ

名前 説明 必須 デフォルト値 備考
Name 画面、アクション、モジュールといった、定義されているスコープ内の要素を識別します。 Yes
Source ウィジェットに読み込むレコードのリストを指定します。 Yes
Show Header [Yes]に設定すると、テーブルのヘッダー行が表示されます。 Yes
Style Classes テーブルに適用する1つまたは複数のスタイルクラスを指定します。複数の値はスペースで区切ります。 "table"
Style Header テーブルヘッダーに適用する1つまたは複数のスタイルクラスを指定します。複数の値はスペースで区切ります。 "table-header"
Style Row テーブル行に適用する1つまたは複数のスタイルクラスを指定します。複数の値はスペースで区切ります。 "table-row"
アトリビュート
Property この要素のHTML変換に追加するアトリビュート名。 ドロップダウンリストからプロパティを選択するか、フリーテキストを入力します。プロパティ名はプラットフォームによって検証されません。

プロパティの重複は許可されていません。スペース、「"」、「'」も許可されていません。
Value アトリビュートの値。 値を直接入力するか、Expressionエディタを使用してExpressionを記述します。

Valueが空の場合、対応するHTMLタグはproperty="property"として作成されます。たとえば、nowrapプロパティは値を必要としないため、nowrap="nowrap"が追加されます。

イベント

名前 説明 必須 備考
On Sort テーブルをソートするために実行される画面アクション。
Transition 他の画面に移動するときに適用される移行エフェクト。 デフォルトでは、モジュールレベルで定義されます。
Event 処理されるJavaScriptまたはカスタムイベント。
Handler JavaScriptイベントハンドラ。

ランタイムプロパティ

名前 説明 読み取り専用 備考
Id 実行時にウィジェットインスタンスを識別します(HTMLのid属性)。JavaScriptと拡張プロパティで使用できます。 Yes Text
  • Was this article helpful?