0

期望的结果

就像 v-data-table 中的图片。可以用rowspan来表达吗？

或者如果您使用 span 更改行和列，您可以这样表达数据吗？

ex) 当 test1 中的一个项目接收到下一个人 (test2) 的项目的值时，它被确定为一个新值并显示在下一行。

请让我知道如何解决它。

现在的进展

<v-data-table
      sort-by="class"
      group-by="class"
      :group-desc="[true]"
      :headers="headers"
      :items="items"
      :search="search"
      :loading="loading"
      loading-text="Loading... Please wait"
      hide-default-footer
      class="elevation-1"
    >
     <!-- Modify Here
      <template #[`item.class`]="{ item }">
        <tr v-for="i in items" :key="i.class === 10">
          <td :rowspan="[items.length]">
            {{ item.name }}
          </td>
        </tr>
      </template>
-->
      <template #[`item.employee_avatar`]="{ item }">
        <v-img
          :src="require('@/' + item.imgsrc)"
          style="width: 100px; height: 100px"
        />
      </template>
      <template #[`item.name`]="{ item }">
        <a
          target="_blank"
          :href="`.../list:${item.name}`"
        >
          {{ item.name }}
        </a>
</template>
</v-data-table>
4

0 回答 0