element表格添加序号

Posted lgnblog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element表格添加序号相关的知识,希望对你有一定的参考价值。

表格代码:黄色部分为序号列关键代码
上图:

技术图片

<el-table
:data="tableData"
border
height="480"
style="width: 100%">
<el-table-column
label="序号"
width="70px">
<template slot-scope="scope">
{{scope.$index+1}}
</template>
</el-table-column>
<el-table-column
prop="name"
label="项目编号">
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button
size="mini"
type="info"
@click="handleDelete(scope.$index, scope.row)">查看</el-button>
</template>
</el-table-column>
</el-table>

以上是关于element表格添加序号的主要内容,如果未能解决你的问题,请参考以下文章

element-ui表格中的序号翻页如何递增

Element实现动态表格的示例代码

element 表格 - 表头太长换行

element 表格行合并问题

element-plus表格内select弹出框位置

element表格里数据处理