element表格添加序号

最新推荐文章于 2024-09-10 14:29:47 发布

weixin_30520015

最新推荐文章于 2024-09-10 14:29:47 发布

阅读量3k

点赞数

文章标签： javascript ui 前端 ViewUI

原文链接：http://www.cnblogs.com/lgnblog/p/10758161.html

版权

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

<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>