Edited at

Vuetifyのv-data-tableの見出し行(ヘッダー)をドラッグ&ドロップで並べ替える


はじめに

テーブルの見出し行(ヘッダー)をドラッグドロップして並び順を変更したいという要望


結論

2019-03-03_19h03_35.gif

drag-n-drop in Vuetify — Part IIに掲載されていたので参考にする。

こちらも行をドラッグ&ドロップして移動させるというサンプルだけど、見出し行でも同様。

一応、vue draggableでも試したけど、躓いたので、ブログに記載のSortable.jsを利用する


See the Pen
Vuetify Example Pen
by Shigehiro IDANI (@1da2)
on CodePen.