aggridvue 表格生成序号

要在 AgGridVue 表格中生成序号，可以使用 AgGridVue 的 `cellRenderer` 属性和自定义函数来实现。以下是一个简单的示例：

1. 首先，在 AgGridVue 的 `columnDefs` 中添加一个名为 `序号` 的列：

columnDefs: [
  { headerName: '序号', field: '', cellRenderer: '序号Renderer' },
  { headerName: '姓名', field: 'name' },
  { headerName: '年龄', field: 'age' },
  { headerName: '性别', field: 'gender' },
  // 其他列...
]

2. 在 AgGridVue 的 `components` 中注册一个名为 `序号Renderer` 的组件：

components: {
  '序号Renderer': {
    template: '<span>{{params.node.rowIndex + 1}}</span>',
    props: ['params']
  }
}

3. 最后，在 AgGridVue 的 `rowData` 中添加数据，即可看到生成的序号列了：

rowData: [
  { name: '张三', age: 18, gender: '男' },
  { name: '李四', age: 26, gender: '女' },
  { name: '王五', age: 32, gender: '男' },
  // 其他数据...
]