el-table 自定义序号
时间: 2023-11-16 13:06:41 浏览: 289
vue el-table实现自定义表头
el-table是一个基于Element UI的表格组件,可以通过自定义序号来为表格添加序号列。以下是几种自定义序号的方法:
1. 在el-table-column中使用type="index"属性,例如:<el-table-column type="index" width="50"></el-table-column>。
2. 在el-table-column中使用prop="index"属性,例如:<el-table-column prop="index" label="序号" width="55" align="left"></el-table-column>。
3. 在el-table-column中使用type="index"属性,并结合分页特性,例如:<el-table-column label="序号" type="index" align="center" width="67"><template slot-scope="scope"><span>{{(tableParam.page - 1) * tableParam.limit + scope.$index + 1}}</span></template></el-table-column>。
这些方法都可以为el-table添加序号列,具体使用哪种方法可以根据实际需求来选择。
阅读全文