如何使用Vutify.js的v-simple-table将标题放在第一列？

<template>
  <v-simple-table>
    <template v-slot:header>
      <thead>
        <tr>
          <th></th> <!-- 空表头，用于放置标题 -->
          <th v-for="item in headers" :key="item.text">{{ item.text }}</th>
        </tr>
      </thead>
    </template>
    <tbody>
      <tr v-for="item in items" :key="item.id">
        <td>{{ item.title }}</td> <!-- 第一列显示标题 -->
        <td>{{ item.data1 }}</td>
        <td>{{ item.data2 }}</td>
        <!-- 其他列的数据 -->
      </tr>
    </tbody>
  </v-simple-table>
</template>

<script>
export default {
  data() {
    return {
      headers: [
        { text: '标题', value: 'title' },
        { text: '数据1', value: 'data1' },
        { text: '数据2', value: 'data2' },
        // 其他列的标题和数据绑定
      ],
      items: [
        { id: 1, title: '标题1', data1: '数据1-1', data2: '数据2-1' },
        { id: 2, title: '标题2', data1: '数据1-2', data2: '数据2-2' },
        // 其他行的数据
      ],
    };
  },
};
</script>