<el-table-column label="序号" type="index" width="50" align="center"></el-table-column>序号现实的数字如何不受分页影响
时间: 2023-07-06 08:29:29 浏览: 82
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
如果你想让序号不受分页影响,可以使用 `:index` 属性,该属性接收一个函数作为参数。函数的参数有三个:`row` 行数据,`column` 列数据和 `index` 当前行的索引值。你可以在函数中通过计算来返回真实的序号值,例如:
```
<el-table-column label="序号" :index="getIndex" width="50" align="center"></el-table-column>
```
```
methods: {
getIndex(row, column, index) {
return index + 1;
}
}
```
这样就可以让序号不受分页影响,始终显示真实的序号值。
阅读全文