ant design vue怎么用row和col写一个纵向的表格，数据循环读出，列数根据数组数据来确定，写一个简单代码

以下是示例代码：

<template>
  <a-row>
    <a-col v-for="(item, index) in data" :key="index" :span="24/data.length">
      <div>{{ item }}</div>
    </a-col>
  </a-row>
</template>

<script>
export default {
  data() {
    return {
      data: [1, 2, 3, 4, 5],
    };
  },
};
</script>

解释：使用了 Ant Design Vue 的 Row 和 Col 组件来构建表格，通过 v-for 循环数据将每个数据项渲染为一个 Col 组件，同时将 Col 的 span 属性设置为 24（因为一行有 24 个栅格），然后根据数据长度动态计算每个 Col 组件的 span 属性值，实现了纵向展示。