首页el-table 分页序号自增

el-table 分页序号自增

时间: 2023-11-11 13:00:00 浏览: 103

Antd的table组件表格的序号自增操作

5星 · 资源好评率100%

1，效果图 2，实现方法 const columns = [ { title: '序号', render:(text,record,index)=>`${index+1}`, }, { title:'操作', dataIndex:'delete', key:'delete', render: (text,record) => ( <span> <Link to={{ pathname : '/info/Edit' , query : { id : record.id }}}> 删除</Link> </span> ), },

可以通过设置 `index` 属性来实现 el-table 分页序号自增。具体做法是在 el-table-column 中设置 `type="index"`，如下所示： ```html <el-table :data="tableData" :pagination="pagination"> <el-table-column type="index" label="序号"></el-table-column> <el-table-column prop="name" label="姓名"></el-table-column> <el-table-column prop="age" label="年龄"></el-table-column> </el-table> ``` 其中，`pagination` 是 el-pagination 组件的配置项，用于控制分页。`tableData` 是 el-table 的数据源。

阅读全文