关于element-ui中el-table组件的序号问题？_element表格没有数据行为什么有序号

作者：weixin_40725706 | 2024-02-20 02:32:16

踩

element表格没有数据行为什么有序号

场景：列表的第一列为序号，为保护数据信息，防止恶意爬虫，不能把后端给的id直接显示想到这里；
实现序号加一

解决：通过动态绑定属性 row-class-name 。

templete中:

<el-table :data="tableData3" height="550" style="width: 100%;background: transparent" @row-click="device_detail" :row-class-name="rowClassName">
    <el-table-column prop="id" label="序号" width="180"></el-table-column>
</el-table>
1
2
3

methods中:

rowClassName({row, rowIndex}) {
    //把每一行的索引加一放进row.id
    row.id = rowIndex+1;
}
1
2
3
4

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/117986