列幅が長いときにテーブルのレイアウトが崩れる
テーブルを使っているとき、以下の2点が気になっています。 ご検討よろしくお願いいたします。tkskkd.icon
はい。テーブルは何もかもがとても難しいですねshokai.icon
表が横に伸びたときにレイアウトが崩れてしまう
PC版
https://gyazo.com/fbb74a0e436c864e667c21442c23aedf
上の画像のように横スクロールができないのですが、何かcssなどの設定が必要でしょうか?
→windowsやandoroidでスクロールできなかったのでcssの設定を加えました(テーブルが無くてもバーが表示されてしまいますが..) (匿名)
code:style.css
.lines{
overflow-x: scroll; /*スクロールバーをつける*/
}
https://gyazo.com/7ecb03bb66595f1b3e7a3f4939b38f4f
2021/4/17これ今動きます?tkgshn.icon
また/noratetsu/nora.iconさんが行ごとにスクロールできるver.を作っていらっしゃいます
複数行対応
スマホ版
https://gyazo.com/ad34c39e1ee430eb21b607c7d5c6da0e
ご参考までに、DropboxのPaperは次のようにレイアウトを保持するようにしています。
(文字数が増えると読みづらくなりやすいのはある程度仕方のないことだとは思います。)
PC版
https://gyazo.com/94a1f12a3c81c81ed7fc3a1b6a434f26
スマホ版(Web)
https://gyazo.com/8716d15b9636689537289731c6de14ff
1行のセルに2つ以上の行を入れることができない。
記法的に簡単な解決が難しそうですが、2行以上入れたいときは自分の利用ケースではままあります。
現状の記法で1つのセルに複数項目を書こうとすると横に長くなるので、レイアウトの崩れにつながっていると感じます。
対症療法
わかるまま.iconerniogi.icontakker.iconaretoky.iconpollenjp.iconwogikaze.iconapplessk.iconkzmi.icon