top of page
  • 執筆者の写真T sakurako

VueでWEBアプリ(19.5)

今回はこれまで作成していたWEBアプリとは別で調べたもの かつ ちょっと短いので記事のカウントを刻みました。


<v-data-table>でテーブルを作ると、自動でヘッダー部に並び替え機能が付きます。

(項目名をクリックすると昇順・降順に変えられる)


ですが、テーブル内に並び替える必要のない項目(詳細表示のボタンなど)がある場合、この機能がある意味がないので、特定の列だけ並び替えを無効にすることができる方法を調べました。


公式ドキュメント によると、headersでsortableプロパティをfalseにすることで並び替えを無効にできるようです。


headers: [
  {
    sortable: boolean
  }
]

記事: Blog2_Post
bottom of page