SharePoint リスト/ライブラリ アイテム一覧で 改行なしにする方法

SharePoint構築Tips : 2012.05.15 Tuesday
SharePointのリスト/ライブラリのアイテム一覧画面(AllItems.aspx)で たくさんの列をビューに表示していると、データの内容によりますが 変な箇所で改行してしまいます。

SharePoint標準の機能で 変更方法もなく、 SharePoint Designerでカスタマイズできるかなぁ〜っと、 「デザイン系カスタマイズ技」を駆使する方々も多いかと。

リスト/ライブラリ アイテムの値(文字列)がある程度は整っている場合、 「改行なし(nowrap)」にすると いい感じに表示できます。

やり方は...
1) [ページの編集]で コンテンツエディタWebパーツを追加
2) コンテンツエディタWebパーツで HTMLソースの編集
3) 以下のコードを入力し、[OK]

4) [編集の終了]

Webブラウザに吐き出されるHTMLコードを 「ソースの表示」して、 リスト/ライブラリ アイテムのフィールド値を表示している tdタグを探し出すと
ms-vb-title
ms-vb
ms-vb2
3つのclass指定パターンがあるので それらのStyleを nowrap(改行なし)に変えています。

前提として 「アイテムの値が整っている場合」です。 整っていない場合(長い文字列と短い文字列が混在している場合)は 長い文字列に幅があわされます。



それぞれの列幅は 改行なしになりましたが、 ちょっと惜しい感じなので もう少し 修正してみましょう。

列の表示名に「全角の空白」を何個か足して、 コンテンツエディタWebパーツのコードを tdからthに変更します。



これなら だいたい固定幅の列が表示できますね。


SharePoint Online
Office 365/
SharePoint Online
事始め
Office 365やるってよ |  Office 365市販本(1) |  Office 365市販本(2) |  MSサイトでプランを勉強 |  TechNetでプランを勉強 |  sway, cortana, delve |  E5プラン |  Office Online制限 |  SharePoint 2016 RC |  アーキテクチャ | 
SharePoint Online
Webパーツ
標準 Webパーツ |  スクリプトエディタ |  RSSビューア |  フィルタWebパーツ |  XsltListViewWebPart |  グラフ表示パーツ | 
SharePoint Online
リスト/ライブラリ
標準 リスト/ライブラリ |  アンケート(Survey) |  画像ライブラリ |  ニュースフィード |  日英サイト間でリストデータ移行 |  ライブラリ ドラッグ&ドロップ |  ライブラリ ファイル一覧出力 |  モダン ドキュメントライブラリ |  リスト外観変更 |  Explorer URL |  ディスカッション掲示板 |  注目リンク |  OneDrive 通知メール送信 |  OneDrive バージョン履歴 | 
SharePoint Online
検索機能
検索の対象 |  検索されたくないファイル |  注目サイト | 
SharePoint Online
Notes移行
Notes情報表示 |  Notesデータ移行 | 
SharePoint Online
カスタマイズ
IE11開発者ツール |  Osloとの戦い |  Style動的変更 |  リダイレクトページ |  IEとChrome |  ボタン名の変更 |  フロー Flow |  注目リンク カスタマイズ |  アンケート 列設定 変更 |  アンケート Excelエクスポート項目 変更 | 
SharePiont Online
動作仕様
制限値が気になる |  Webページ破損 |  サイトコレクション削除 |  記憶域とサーバーリソース |  プロファイル画像 |  IsDlg効かず |  プレゼンス表示 |  利用状況レポート |  データ容量管理 |  ごみ箱の日数 |  サイトメールボックス |  標準 サイト |  サイドリンクバー |  外部ユーザー共有 |  おすすめ エラー |  直打ちURL |  外観変更エラー |  サイトコレクション機能 |  ユーザープロファイル |  Access app 廃止 | 
Office 365
動作仕様
OneDrive概要 |  OneDrive設定 |  OWAエラー画面 |  新しい Office 365管理センター |  Office 365メッセージ |  OneNote同期/ファイル |  Office 365サイト |  Office 365監査ログ | 

SharePoint概要
SharePointとは? |  アーキテクチャ |  サイトテンプレート | 
リストテンプレート |  Webパーツ |  アクセス権限 |  SharePoint用語集

SharePoint構築Tips
リスト名(URL) |  ライブラリ名(URL) |  フィールド名(内部名) | 
ビュー名(ファイル名) |  リストテンプレート(ワークフロー削除) | 
大きなリストの問題 |  アイテム一覧の列幅 |  機能とWebパーツ | 
フィールドデータ型 |  禁則文字 |  隠しリスト表示 |  管理パス |  サイト内の列 |  サポート期限 |  PDFをブラウザで開く |  URLエンコード・デコード | 
日時の絶対値表示

SharePoint開発Tips
開発の概要 |  開発者ダッシュボード |  MSDN URL |  REST インターフェイス |  ページ パラメータ IsDlg |  ビジュアルアップグレード |  機能(Feature) | 
2010開発者向けの資格 |  2013開発者向けの資格 |  ページ パラメータ contents |  リソースファイル |  リスト/ライブラリGUID |  テーマ | 
トレースログ |  PowerShell文字コード |  SharePoint Framework

search this site.
SharePoint概要
SharePointとは?
アーキテクチャ
サイトテンプレート
リストテンプレート
Webパーツ
アクセス権限
SharePoint用語集


SharePoint構築Tips
リスト名(URL)
ライブラリ名(URL)
フィールド名(内部名)
ビュー名(ファイル名)
リストテンプレート
(ワークフロー削除)

大きなリストの問題
アイテム一覧の列幅
機能とWebパーツ
フィールドデータ型
禁則文字
隠しリスト表示
管理パス
サイト内の列
サポート期限
PDFをブラウザで開く
URLエンコード・デコード
日時の絶対値表示
Explorer URL

SharePoint開発Tips
開発の概要
開発者ダッシュボード
MSDN URL
RESTインターフェイス
ページパラメータ IsDlg
ビジュアルアップグレード
機能(Feature)
2010開発者向けの資格
2013開発者向けの資格
ページパラメータ contents
リソースファイル
リスト/ライブラリGUID
テーマ
トレースログ
PowerShell文字コード
SharePoint Framework

SharePoint情報サイト
SharePoint Developer Center
Support Team Blog
松崎 剛 Blog
SharePoint Developer
SharePoint Maniacs
SharePoint Technical Note
ILLUMINATE JAPAN Blog
SharePoint Factory
新卒管理者の奮闘ブログ
SharePoint Maniacs
AvePoint Japan Community
idea.toString();
SharePoint Issue
Office365/SharePoint



   風水吉凶方位 |  奇門遁甲 |  金運神社 |  金運本 |  気場 |  水族館 |  イルカ |  ペンギン |  クラゲ |  仏像 |  論語 | 
   般若心経 |  日本庭園 |  二十四節気 |  菜根譚 |  城郭
   情報共有(SharePoint) |  OneNote活用 |  サーバー監視 |  イベントログ |  IT資産管理 |  技術TIPS