2021/05/09

MANUAL

テーブルの管理:一覧画面:項目の詳細設定:カスタムデザインを使用

## 概要 「[一覧画面](/manual/table-grid)」上の「セル」に複数の項目を表示する場合に使用します。「[管理者項目](/manual/table-management-manager)」と「[担当者項目](/manual/table-management-owner)」を1つの「セル」に表示して「一覧表」の幅を減らしたい場合などに使用します。「[マークダウン](/manual/markdown)」が使用可能です。 ## 制限事項 1. 「カスタムデザイン」を使用した項目は「[一覧編集](/manual/table-record-editongrid)」で編集できません。 1. 他の「[テーブル](/manual/table)」の「[項目](/manual/table-management-column)」は「カスタムデザイン」に使用できません。 ## 前提条件 1. 設定を行うには「サイトの管理権限」が必要です。 ## 操作方法 1. 「[一覧画面の項目の詳細設定](/manual/table-management-grid-column-settings)」を参照してください。 ## 設定例 下記は「[管理者項目](/manual/table-management-manager)」と「担当者」項目を1つの「セル」に表示する例です。 ##### Text ``` [管理者] [担当者] ``` ## 動作イメージ 下図の例では「カスタムデザイン」に加え「[一覧画面](/manual/table-grid)」上のヘッダを変更するために「[一覧画面の表示名](/manual/table-management-grid-label-text)」に「管理者/担当者」を設定しています。 ![image](/binaries/1c2e2a44272840c3914095a6a697c453) ## 関連情報 <div id="ManualList"><ul><li><a href="/manual/table">テーブル機能</a><span>2021/05/30 up</span></li> <li><a href="/manual/table-grid">テーブル機能:レコードの一覧画面</a><span>2021/05/09 up</span></li> <li><a href="/manual/table-record-editongrid">テーブル機能:レコードの一覧編集</a><span>2021/09/17 up</span></li></ul></article> <ul><li><a href="/manual/table-management-column">テーブルの管理:項目</a><span>2021/05/10 up</span></li> <li><a href="/manual/table-management-manager">テーブルの管理:項目:管理者</a><span>2021/05/09 up</span></li> <li><a href="/manual/table-management-owner">テーブルの管理:項目:担当者</a><span>2021/05/09 up</span></li></ul></article> <ul><li><a href="/manual/table-management-grid-column-settings">テーブルの管理:一覧画面:項目の詳細設定</a><span>2021/05/09 up</span></li> <li><a href="/manual/table-management-grid-label-text">テーブルの管理:一覧画面:項目の詳細設定:一覧画面の表示名</a><span>2021/05/09 up</span></li> <li><a href="/manual/table-management-grid-editor-type">テーブルの管理:一覧画面:一覧編集種別</a><span>2021/05/09 up</span></li></ul></article> <ul><li><a href="/manual/markdown">共通機能:マークダウン</a><span>2021/05/05 up</span></li></ul></article> <ul><li><a href="/manual/dev-column-name">項目名とデータベース上のカラム名の対応</a><span>2021/05/30 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />
このページをシェアする