2019/3/29こんにちは!スギモトです!業務でVuetifyを1年以上使っているので、その中で得た知見を備忘録的に残していきたいと思います。今回は業務アプリケーションでは必ず登場するであろうDataTableで半日ハマった「列幅の固定」です。ハマっていて、ここにたどり着いた人の参考になれば幸いです。関連記事VuetifyのDatePickerを日本語化してみるVuetifyのDataTableの列幅を指定した値で固定するVuetifyの公式サイトではheaderで指定するとwitdhを設定できると下記の通り記載されているのですが、実際やってみるとうまくいきません。設定するとなんとなく幅指定ができている様子。これはどうやって使うのか色々試していくと、どうやらslotを使ってヘッダー部とデータ部を分けて書いているとダメな感じ。指定することで、均等に分割されます。],うーん、開発者ツールで確認するとHTMLには設定されているのですが実際その値にはなっていません。若干の誤差があるのはなぜ??まとめ社内システムではDataTableを乱発するので、この辺がちゃんとしてないとイマイチ困るんですよねぇ。【Window10】初心者でもイケそうなGitクライアント3つ選んでみたVuetifyのDataTableの列幅を固定にする方法Vue.jsのUIライブラリ「Element」使ってみたVuetifyのDatePickerを日本語化してみるファミマのバターコーヒーの新作!「バターココア」飲んでみた!スギモト(@sugimotonote)です。今年で31歳になりました。新卒で独立系SIerに入社して気がつけば8年。ここ何年かは某大手メーカーに常駐して社内SEとしてレガシーな業務システムをモダン化しています。