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表格添加序号的主要内容,如果未能解决你的问题,请参考以下文章