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

这就是我在数据表上编码显示的方式

<template v-slot:item.column2="{ item }">
     <div>
       <td v-for="value in item.column2">
          {{ value }}
       </td>
    </div>
</template>

然后我的数据就会像这样进来

this.pendingApprovals = [
        {
          id: 1,
          column2:
          {
            oldValue: 'Company 1',
            newValue: 'Company ABC',
          },
          column2: [
            {
              oldValue: 'Test1',
              newValue: 'Test2',
            },
          ],         
        },
      ];

---

您对

div

和

td

的顺序错误。这是正确的订单代码

<template v-slot:item.column2="{ item }">
     <td>
       <div v-for="value in item.column2">
          {{ value }}
       </div>
    </td>
</template>

{{value}}

<template v-slot:item.column2="{ item }">
     <td>
       <div v-for="value in item.column2">
          {{ value }}
       </div>
    </td>
</template>