el-table的序号自增不闪屏
时间: 2023-11-30 18:02:46 浏览: 83
el-table-infinite-scroll:El-Table无限滚动
5星 · 资源好评率100%
为了让el-table的序号自增不闪屏,可以使用以下方法:
在el-table-column中添加属性::resizable="false",这样就可以避免序号列的宽度变化,从而避免闪屏的问题。
同时,还可以在el-table中添加属性::row-key="row => row.id",这样可以保证每一行的唯一性,从而避免序号重复的问题。
最终的代码如下所示:
<el-table v-loading="loading" :data="hrcEquipList" :row-key="row => row.id">
<el-table-column type="index" :index="hIndex" label="序号" width="120" :resizable="false" />
<el-table-column prop="name" label="名称" />
<el-table-column prop="type" label="类型" />
</el-table>
阅读全文