用vuetify格式化表头指数数

npm install vuetify

import Vue from 'vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'

Vue.use(Vuetify)

<template>
  <v-data-table
    :headers="headers"
    :items="items"
  ></v-data-table>
</template>

<script>
export default {
  data() {
    return {
      headers: [
        { text: '列1', value: 'column1' },
        { text: '列2', value: 'column2' },
        { text: '列3', value: 'column3' },
      ],
      items: [
        { column1: '数据1', column2: '数据2', column3: '数据3' },
        { column1: '数据4', column2: '数据5', column3: '数据6' },
        { column1: '数据7', column2: '数据8', column3: '数据9' },
      ],
    }
  },
}
</script>