More than 1 year has passed since last update.

v-data-tableテーブルのヘッダーで改行をする方法

Vue.js
Vuetify

Posted at 2022-04-11

headerスロットを使います。
https://vuetifyjs.com/ja/api/v-data-table/#slots

<v-data-table :items="items">
  <template v-slot:header>
    <thead>
      <th>ID</th>
      <th>名前</th>
      <th>緊急<br />連絡先</th>
    </thead>
  </template>
</v-data-table>

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up