← 活用ガイド一覧へ
テーブル操作プラグイン

画面スクロール時にテーブルの列を固定する

このページでは、テーブル操作プラグインを使用して、画面スクロール時にテーブルの列を固定するの手順を確認できます。

できること

画面スクロール時にテーブルの列を固定するのデモ画面
動作イメージ
注意事項 ※機能を試す前に必ずご確認ください。
  • 機密情報、個人情報、その他不適切な情報を登録しないこと
  • 利用者のIPアドレスやそれに基づく行動を環境提供元のパートナーが確認できる権限を持っていること
  • サービス環境に過剰な負荷がかかるような利用を避けること
  • デモ環境の利用開始により上記注意事項に同意したものとみなす

利用シーン

  • 仕入れ管理アプリで商品情報を入力する際に、商品名の列を固定表示して作業しやすくする

必要なアプリ・プラグイン

アプリ

運用中のアプリでも設定が可能です。 今回の設定内容(設定手順)に基づいて作成したい方は、アプリテンプレートをダウンロードしてください。

プラグイン

テーブル操作プラグイン

まだ kintone にプラグインをインストールしていない方は、30日間のお試し申込をしてプラグインをご利用ください。

設定手順

1必要なフィールドをフォームに配置する

アプリのフォーム設定で、任意のテーブルフィールドを設定します。 アプリテンプレートを利用する場合は、既に設定済です。

fix-table-columns-on-scrollの設定手順1の画面
手順1の設定画面
2プラグインの設定画面を開く

プラグインの設定画面を開きます。 まず、テーブル操作プラグインの機能を適用するテーブルフィールドを選択します。 アプリテンプレートを用いる場合は、(商品管理の)テーブルを選択しましょう。

fix-table-columns-on-scrollの設定手順2の画面
手順2の設定画面
3テーブル列の固定をONにします。

テーブル列の固定をONにします。 左から順番に、指定した数の分だけテーブルの列が固定されます。 アプリテンプレートでは、「商品コード」と「商品名」を固定したいので2と設定を行いました。 <実際のアプリ画面> 設定が完了したら、保存ボタンを押して、アプリを更新します。

fix-table-columns-on-scrollの設定手順3の画面
手順3の設定画面
fix-table-columns-on-scrollの設定手順3の画面
手順3の設定画面

完成

画面スクロール時にテーブルの列を固定するの完成イメージ
完成イメージ

Crena Plugin

すべてのプラグインを
30日間無料でお試し

  • 全プラグインが使える
  • クレジットカード不要
  • 本番環境で動作確認
Crena Plugin 無料トライアル申し込み画面