## 概要 [スマートデザイン](/ja/manual/smart-design-overview)では一覧画面のレイアウトをドラッグ＆ドロップで簡単に編集することができます。 また、各項目の表示に関するオプションをダイアログで個別に変更することも可能です。  ## 制限事項 1. スマートデザインの一覧画面で編集できる項目は【全般】で有効化されている項目のみです。 [追加したタブ](https://pleasanter.org/ja/manual/table-management-tab)で有効化している項目に関しては追加できません。 1. スマートデザインの一覧画面では、リンク先の項目を編集することはできません。スマートデザイン上では表示されませんが、設定は保持され、一覧で表示されている項目の配置のみが変更されます。 1. [スマートデザイン：概要](/ja/manual/smart-design-overview)の制限事項も参照ください。 ## 画面の説明 ### ドラッガブルエリア  #### <span style="color:red;">➊項目一覧</span> 画面左の項目を選択し右のレイアウトエリアにドラッグ＆ドロップすることで一覧に配置することが可能です。 項目のグループ名はアコーディオンボタンになっており展開することで配置可能な項目が展開されます。 各グループの詳細は以下の通りです。 |項目グループ名|説明| |:--|:--| |基本項目|サイトを構成する基本的な項目です。 | |追加項目|分類/数値/日付/説明/チェック/添付ファイルなどA-Zで終わる項目です。| #### <span style="color:red;">➋レイアウトエリア</span> 画面右側には、一覧画面に配置されている項目がセル型のユニットでレイアウトされます。 配置済みの項目セルはドラッグ＆ドロップで自由に並び替えることが可能です。 ### 各種項目セル  |No|セル項目|説明| |:--:|:--|:--| |<span style="color:red;">➊</span>|表示名|配置された項目の表示名です。| |<span style="color:red;">➋</span>|編集ボタン|<a href="#cell-settings-editor">セルの設定編集画面</a>を開きます。| |<span style="color:red;">❸</span>|設定情報|[セルの横幅](/ja/manual/table-management-grid-cell-width)、[左端でスクロール固定](/ja/manual/table-management-grid-sticky-on-left-edge)、[セル幅で文字を折り返す](/ja/manual/table-management-grid-wordwrap)の設定値を表示します。| |<span style="color:red;">➍</span>|項目グループ名|上記の[基本項目](/ja/manual/table-management-column)または「追加項目」が表示されます。| <a id="cell-settings-editor"></a> ### セルの設定編集画面  |No|設定画面項目|説明| |:--:|:--|:--| |<span style="color:red;">➊</span>|ヘッダー|項目のオリジナルのカラム名を表示。| |<span style="color:red;">➋</span>|閉じるボタン|設定をキャンセルし、画面を閉じます。| |<span style="color:red;">❸</span>|設定エリア|[セルの横幅](/ja/manual/table-management-grid-cell-width)、[左端でスクロール固定](/ja/manual/table-management-grid-sticky-on-left-edge)、[セル幅で文字を折り返す](/ja/manual/table-management-grid-wordwrap)の設定値を編集できます。| |<span style="color:red;">➍</span>|更新ボタン|編集した内容で設定を更新します。サイト（テーブル）の更新にはコマンドボタンエリアの「更新」ボタンをクリックする必要があります。| |<span style="color:red;">➎</span>|削除ボタン|セル型のユニットをレイアウトエリアから削除します。クリックすると、削除の確認ダイアログが表示されます。| #### 削除の確認ダイアログ  |No|設定画面項目|説明| |:--:|:--|:--| |<span style="color:red;">➊</span>|キャンセルボタン|削除を取り消します。| |<span style="color:red;">➋</span>|削除ボタン|削除します。削除時点の設定値は、[エディタ](/ja/manual/table-editor)でリセットするまで保持されます。| ## 操作方法 ### 項目の配置・並び替え スマートデザイン起動時に現在のテーブル管理 > [一覧](/ja/manual/table-management-grid)画面の構成を表示します。  画面左の項目一覧から必要な項目をドロップ操作で一覧に配置することができ、 配置済みの項目も自由に並び替えられるので直感的に一覧画面のレイアウトを設計することが可能です。 ### 項目をレイアウトから削除 項目セルをレイアウトから削除したい場合は、削除したい項目を、ドラッグ操作で項目一覧に表示される「一覧で使用しない項目はこちらにドラッグ」にドラッグします。 ※「一覧で使用しない項目はこちらにドラッグ」の文字が赤くなるのを確認して項目を離してください。 ※本機能は<a href="#cell-settings-editor">セルの設定編集画面</a>で各種項目セルを削除した場合と同じ結果を得られます。  ## 対応バージョン |対応バージョン|内容| |:--|:--| |1.4.15.0以降|機能追加| |1.5.1.0以降|[セルの横幅](/ja/manual/table-management-grid-cell-width)、[左端でスクロール固定](/ja/manual/table-management-grid-sticky-on-left-edge)、[セル幅で文字を折り返す](/ja/manual/table-management-grid-wordwrap)の設定機能を追加| ## 関連情報 [テーブルの管理：一覧画面：一覧画面の項目の設定](table-management-grid-columns) <div id="ManualList"><ul><li><a href="/ja/manual/table-editor">テーブル機能：レコードのエディタ画面</a><span>2023/04/12 up</span></li></ul></article> <ul><li><a href="/ja/manual/table-management-column">テーブルの管理：項目：基本</a><span>2025/10/24 up</span></li></ul></article> <ul><li><a href="/ja/manual/table-management-editor">テーブルの管理：エディタ</a><span>2026/02/10 up</span></li> <li><a href="/ja/manual/table-management-editor-columns">テーブルの管理：エディタ：エディタの設定</a><span>2025/12/09 up</span></li></ul></article> <ul><li><a href="/ja/manual/table-management-grid">テーブルの管理：一覧画面</a><span>2025/08/13 up</span></li> <li><a href="/ja/manual/table-management-grid-cell-width">テーブルの管理：一覧画面：項目の詳細設定：セルの横幅</a><span>2025/09/09 up</span></li> <li><a href="/ja/manual/table-management-grid-sticky-on-left-edge">テーブルの管理：一覧画面：項目の詳細設定：左端でスクロール固定</a><span>2025/09/09 up</span></li> <li><a href="/ja/manual/table-management-grid-wordwrap">テーブルの管理：一覧画面：項目の詳細設定：セル幅で文字を折り返す</a><span>2025/11/11 up</span></li></ul></article> <ul><li><a href="/ja/manual/smart-design-overview">スマートデザイン：概要</a><span>2025/04/08 up</span></li></ul></article> <ul><li><a href="/ja/manual/smart-desgin-editor">スマートデザイン：エディタ：操作方法</a><span>2025/09/09 up</span></li> <li><a href="/ja/manual/smart-design-editor-id">スマートデザイン：エディタ：項目：ID</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-version">スマートデザイン：エディタ：項目：バージョン</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-body">スマートデザイン：エディタ：項目：内容</a><span>2025/09/09 up</span></li> <li><a href="/ja/manual/smart-design-editor-title">スマートデザイン：エディタ：項目：タイトル</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-start-time">スマートデザイン：エディタ：項目：開始</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-completion-time">スマートデザイン：エディタ：項目：完了</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-work-value">スマートデザイン：エディタ：項目：作業量</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-progress-rate">スマートデザイン：エディタ：項目：進捗率</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-remaining-work-value">スマートデザイン：エディタ：項目：残作業量</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-state">スマートデザイン：エディタ：項目：状況</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-manager">スマートデザイン：エディタ：項目：管理者</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-owner">スマートデザイン：エディタ：項目：担当者</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-class">スマートデザイン：エディタ：項目：分類</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-num">スマートデザイン：エディタ：項目：数値</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-date">スマートデザイン：エディタ：項目：日付</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-description">スマートデザイン：エディタ：項目：説明</a><span>2025/09/09 up</span></li> <li><a href="/ja/manual/smart-design-editor-check">スマートデザイン：エディタ：項目：チェック</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-attachments">スマートデザイン：エディタ：項目：添付ファイル</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-link-table">スマートデザイン：エディタ：項目：リンクテーブル</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-line-break">スマートデザイン：エディタ：項目：改行</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-section">スマートデザイン：エディタ：項目：見出し</a><span>2025/04/08 up</span></li></ul></article> <ul><li><a href="/ja/manual/smart-desgin-filter">スマートデザイン：フィルタ：操作方法</a><span>2025/04/08 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />