본문 바로가기

개발이야기/Vue - Vuetify

v-data-table 헤더 변경

<v-data-table
    :headers="headers"
    :items="items"
>
    <template v-slot:[`header.id`]>
        <div >
            ...
        </div>
    </template>
</v-data-table>

 

 

<script>
export default {
  data() {
    return {
      headers: [
        {
          text: "아이디",
          value: "id",
        },
      ]
    };
  }
}
</script>