使用vuetify v- data -table在一行中显示两行数据

import Vue from 'vue'
import Vuetify from 'vuetify'

Vue.use(Vuetify)

<template>
  <v-data-table
    :headers="headers"
    :items="items"
  >
    <template v-slot:item.field="{ item }">
      <div>
        <div>{{ item.data1 }}</div>
        <div>{{ item.data2 }}</div>
      </div>
    </template>
  </v-data-table>
</template>

data() {
  return {
    headers: [
      { text: '字段1', value: 'field1' },
      { text: '字段2', value: 'field2' },
    ],
    items: [
      { field1: '数据1-行1', field2: '数据2-行1' },
      { field1: '数据1-行2', field2: '数据2-行2' },
      // 其他数据
    ],
  }
},