データテーブルのヘッダー行とボタンを固定する方法

Q.

SkyVisualEditorのコンポーネントのデータテーブルのヘッダー行や[行追加]、[一括編集」といったボタンを固定化することはできますか？

A. 

はい、可能です。
データテーブルのヘッダー行の固定の設定手順は以下の通りです。

1. ヘッダー行を固定したいデータテーブルを選択
2. Studio右側のコンポーネントプロパティ内の[ヘッダー固定]のチェックボックスをチェック
3. デプロイ

以上で、ヘッダー行の固定の設定は完了です。
設定のイメージは以下の通りです。

ただし、この場合、ヘッダー行は固定されますが、[追加行]や[一括編集]、ページングなどのパーツは固定されません。
イメージとしては以下のような課題が発生します。

上記画面に対してもう一工夫することで、下記のような画面を作成できます。

上記画面の設定手順は以下の通りです。

1. データテーブルのコンポーネントプロパティ内の[出力タグ指定]を「データテーブル」に設定
2. データテーブルのコンポーネントプロパティ内の[ヘッダー固定]のチェックボックスをON
3. データテーブルのコンポーネントプロパティ内の[高さ指定有り]のチェックボックスをON
4. データテーブルのコンポーネントプロパティ内の[高さ[px]]に任意の高さを指定
5. デプロイ

以上で、設定は完了です。
設定のイメージは以下の通りです。

なお、上記設定を行うと以下の動作仕様になりますので、ご理解の上ご利用をお願いいたします。

• テーブルの高さを固定する設定のため、表示レコード数が多い場合はテーブルコンポーネント内でスクロールします。
• 固定されるヘッダー行、および各種ボタン等は、ページのスクロールに対してではなく、データテーブルのコンポーネント内のスクロールに対して固定されます。
• データテーブルの出力タグ指定が「ページブロックテーブル」では上記設定はできません。