SharePoint Onlineのモダンリストでは列見出しの境界をドラッグして幅を変えられますが、タイトル列を任意のピクセル幅まで縮める設定は用意されていません。まず列境界を製品が許す最小付近まで縮め、現在のビューを保存します。それでも広い場合は、タイトル列をビューから隠して短い表示用列を使う、不要な列を外す、長い値を省略表示する列書式を使う、という順で対処します。
JSON列書式はセル内の見せ方を変える機能であり、列そのものの幅を自由に固定する機能ではありません。タイトル列の削除や内部構造の変更を先に行うと、フォームや既存連携へ影響する可能性があります。作業用ビューを複製し、表示だけを変えて検証し、問題があれば元のビューへ戻すのが最も壊しにくい進め方です。
自由な列幅にできない理由を整理する
モダンビューの列は、見出し、並べ替えやフィルターの操作領域、セル内容、画面幅、他の列とのバランスを含めてSharePointが描画します。利用者がドラッグできても、極端に細い幅、すべての端末で同じ固定幅、列の中身を完全に無視した幅まで保証するものではありません。画面サイズや表示倍率が変われば見え方も変わります。
とくにタイトル列は多くのリストで中心的なテキスト列として使われ、長い値やリンク表示が含まれることがあります。列幅だけを縮めると、見出しや値が読めず、行を識別しにくくなります。最初に「タイトルの全内容が必要か」「一覧では短い識別子だけでよいか」「詳細は項目を開いて読めればよいか」を決めてください。
- 少しだけ狭くしたいなら、列境界のドラッグを試す
- 特定ビューだけ変えたいなら、ビューを複製して保存する
- タイトルが一覧に不要なら、削除せずビューから隠す
- 短い識別値が必要なら、別の一行テキスト列を表示する
- 長文を一行へ収めたいなら、省略表示の列書式を検討する
- 完全なレイアウト制御が必要なら、標準リストの列幅だけで実現しようとしない
最初は列境界をドラッグしてビューを保存する
対象リストをモダンビューで開き、タイトル列見出しの右境界へポインターを合わせ、幅変更の表示になったら左へドラッグします。製品が許す範囲で狭くし、他の列の見え方と横スクロールを確認します。固定の数値を入力する欄はないため、狭くならなくなった位置がその表示条件での下限です。
幅を変えたら、ビューのメニューから現在のビューを保存します。共有中の既定ビューを直接変える前に「名前を付けてビューを保存」で作業用ビューを作ると、利用者への影響を抑えられます。ビューの作成、保存、列追加・削除はMicrosoftのビュー管理の公式ガイドで確認できます。
保存後はページを再読み込みし、幅が維持されるか確認します。別ブラウザー幅、ノートPC、標準的な表示倍率でも確認し、見出しや重要値が隠れすぎないかを見ます。幅が戻る場合は、ビューを保存できていない、別のビューを開いている、表示条件が変わった、という順に確認します。
タイトル列が不要ならビューから隠す
一覧でタイトルを使っていないなら、タイトル列自体を削除しようとせず、そのビューから非表示にします。列見出しのメニューから列の表示・非表示を開き、タイトルのチェックを外して適用します。Microsoftの列を表示・非表示にする公式手順が示すとおり、非表示は列やデータの削除とは異なり、後から再表示できます。
ただし、タイトルが項目を見分ける唯一の列なら、先に別の識別列を表示します。ID、受付番号、件名の短縮版など、一覧で判断できる値があるか確認してください。タイトルを隠した後も、項目を開く操作、並べ替え、フィルター、検索、編集で困らないことを確認してから共有ビューへ反映します。
戻すときは同じ列表示の画面でタイトルを再び選び、適用します。ビューを複製していれば、元のビューへ切り替えるだけでも比較できます。列のデータを変更していないため、表示だけのロールバックが可能です。
短い表示用列で一覧の情報量を減らす
タイトル本文は必要だが一覧では長すぎる場合、短い表示名、番号、状態などを一行テキスト列として用意し、その列をタイトルの代わりにビューへ表示します。元タイトルを上書きせず、用途の違う列を分けるため、詳細画面では完全な題名を保持できます。
新しい列を追加する前に、既存列で代用できないか確認します。列が増えるほど入力、保守、検索条件も増えるためです。追加するなら、誰が値を入れるか、空欄を許すか、文字数の目安、既存項目をどう埋めるかを決めます。まず少数の項目で試し、一覧の判断が速くなるかを確認します。
タイトル列を非表示にして別列を前方へ置く場合、列順も同時に整理します。重要度の高い状態、期限、担当、識別子を左側へ寄せ、補足や長文は右側または詳細画面へ回します。列幅だけを細くするより、横スクロールせずに必要情報が見える構成へ近づきます。
JSON列書式で長い文字を省略表示する
列幅は製品の範囲で十分だが、長い文字が折り返して行が高くなる場合は、列書式で一行表示と省略記号を指定できます。Microsoftの列書式の公式資料が説明するように、列書式はデータを変更せず、閲覧時の表示だけを変えます。
{
"$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
"elmType": "div",
"style": {
"overflow": "hidden",
"text-overflow": "ellipsis",
"white-space": "nowrap"
},
"txtContent": "@currentField"
}列見出しから「列の設定」「この列の書式設定」を開き、詳細モードでJSONをプレビューしてから保存します。書式画面の名称は更新や表示言語で異なる場合があります。上の例は現在値を一行で表示するだけの最小例で、列そのものの幅を固定しません。タイトル列の既定リンクやメニュー表示を置き換える可能性があるため、共有ビューへ入れる前に作業用ビューとテスト項目で操作性を確認します。
利用できる要素、属性、スタイルは任意のHTMLやCSSではなく、SharePointが許可する範囲です。詳しい仕様はMicrosoftの書式構文の公式リファレンスを基準にします。書式で幅を無理に上書きするコードを足すより、標準の列幅、列の非表示、短い列を組み合わせる方が変更に強くなります。
変更を検証し、問題があれば戻す
- 元ビューを複製し、作業用ビューで変更したか
- ページ再読み込み後も列幅と列順が維持されるか
- 標準幅と狭いブラウザー幅の両方で読めるか
- 横スクロールなしで主要情報を判断できるか
- タイトルを隠しても項目を開き、編集できるか
- フィルター、並べ替え、グループ化が使えるか
- JSONを入れた列の空欄、長文、特殊文字を確認したか
列幅だけの変更なら、境界を戻してビューを再保存します。列を隠した場合は再表示します。JSON列書式で不具合が出た場合は、保存済みJSONを控えたうえで書式をクリアし、既定表示へ戻します。新しい表示用列を追加した場合も、すぐ削除せずビューから外して影響を確認します。データ削除を伴わない戻し方を優先してください。
個人ビューと共有ビューのどちらで試すべきですか。まず影響範囲の小さい作業用ビューで試します。結果が固まってから共有ビューへ同じ変更を反映し、利用者が必要とする列を隠していないか確認します。
JSONでタイトル列を50pxに固定できますか。列書式はセル内表示の整形が中心で、モダンビューの実列幅を任意値へ固定する手段としては扱えません。固定値に依存せず、標準の幅調整と表示設計で解決します。
まとめ
SharePoint Onlineのモダンビューでは列幅をドラッグ調整できますが、タイトル列を任意のピクセル幅まで自由に固定することはできません。まず作業用ビューで標準の幅調整を保存し、足りなければタイトルを削除せず非表示にして短い列を使います。長文の折り返しが問題ならJSON列書式で省略表示できますが、実列幅を変える機能ではありません。再読み込み、狭い画面、項目を開く操作、並べ替えを検証し、問題時は元ビュー、列の再表示、書式のクリアで戻してください。
コメント