kumamotone/gfdm-skill

[外部提案] tableに掛かっているstyleの見直し

Opened this issue · 1 comments

window resizeをかけるとテーブルのカラムが適切な長さにならず、偏りがある幅になってしまう。

col属性やtdにclass付与することによる長さの固定化が必要

途中で横幅320pxに最適化したような感じにしたので(使用者の7割以上はスマートフォンぽかったので) 特にPCから見た時偏りのある感じになってしまっていますね.

datatablesというプラグインを使用してテーブルを描画しているのですが,
css 上の変更は datatables がぶっ壊すのか(たしか)うまく範囲できなかったと思うので,基本的に横幅等はjsで指定しています.
https://github.com/kumamotone/gfdm-skill/blob/master/app/assets/javascripts/users.js
今のところ上記のコードのコメントアウト部分のように横幅ピクセル単位で指定すると,一部のデバイスでは調度良くなるけどスマホだときつい,みたいなことも出てきて(あとうまく反映されなかったりする),技術的にちょっとあやふやなところがある感じです.対応できるときにチャレンジしたいと思います.