Obsidianで表のセルに入力したテキストを折り返さないで表示する方法
Contents
やりたいこと
Obsidianでテーブルを作成したときに、カラムの数が多くなってくると表示がやや崩れ気味になることが気になっている。
そのため、カラム数が多くなってもテキストを折り返さず表示する方法はないか試してみました。
【現状】
- Obsidianのテーブルはテーブル全体の幅が画面の横幅を超えないように調整される
- そのため、カラムが多くなると1つのセルの幅が小さくなり、長いテキストが折り返されて読みづらい
【目標】
- テキストが折り返されずに表示される
- テーブル全体を横スクロールすることで後ろの方のカラムを閲覧することができる
- （デザイン面なので好みだが）
- ヘッダ行に背景色を加える
- セルの上下左右の余白をそれぞれ増やす
CSSで指定すれば良い
上のCSSをObsidianのCSSスニペットに追加してやれば想定していたテーブルを作成することができます。
CSSスニペットについては別の方が書かれたこちらの記事をご覧ください。
Obsidianのdevtoolを開いて調べてみると、--table-white-spaceという変数がテキストの折り返しを司っていることが判明したので、これを上書きしてやることでテキストを折り返さないよう設定することができます。
アップデートでHTMLの構造が変更される可能性があったりするので、CSSセレクタでスタイルを当てるより変数を書き換えるほうが変更に強いと思います。
セルの余白については専用の変数が見つからなかったので直接指定しています。