antd-vue table如何设置序号

在使用 antd-vue 的 Table 组件时，可以通过添加一列并使用 scopedSlots 来自定义单元格内容来设置序号。以下是一个简单的例子：

<template>
  <a-table :columns="columns" :dataSource="data">
    <template slot="serial" slot-scope="text, record, index">
      {{ index + 1 }}
    </template>
  </a-table>
</template>
 
<script>
export default {
  data() {
    return {
      columns: [
        {
          title: '序号',
          key: 'serial',
          scopedSlots: { customRender: 'serial' },
        },
        // ... 其他列的定义
      ],
      data: [
        // ... 数据项
      ],
    };
  },
};
</script>

在这个例子中，我们定义了一个名为 serial 的列，并通过 scopedSlots 指定了自定义渲染。在 scopedSlots 中，我们使用了 slot="serial" 来定义序号单元格的内容，其中 index + 1 表示每行的序号，它基于行的索引值加1来生成。这样，表格中的每一行都会显示其相对应的序号。