解决element-ui中Table表格序号索引在分页时只在当前页面排序
2020-07-03 18:17
1161 查看
在需要排序的表格定义:index=“indexMethod”
<el-table-column label="序号" type="index" :index="indexMethod" align="center" show-overflow-tooltip width="60px" />
methods中添加代码
indexMethod(index) { return (this.pageNum - 1) * this.pageSize + index + 1; }
相关文章推荐
- element-ui表格使用前台排序,当table部分数据为空null时,解决排序不起作用、排序错乱和排序不整齐的问题
- vue-cli-element-ui-table-表格分页功能切换数据后@current-change失效的解决方案
- elementUI el-table表格列排序的两种方法
- element-ui中如何拿到表格当前行的索引
- 解决ElementUI table表格的边框隐藏
- 五:Vue之ElementUI 表格Table与分页Pagination组件化
- Vue+ElementUI table实现表格分页
- Element Ui之利用sort-change事件及sortable属性实现Table表格指定列的排序
- vue2.0 + element UI 中 el-table 数据导出Excel (多级表格适用,无分页版)
- Element-ui(el-table、el-pagination)实现表格分页
- 把页面Table表格内容导出为Excel-仅是当前页面上显示的table 分页未知(转载 略修改)
- 解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法
- VUE + element-ui实现当前页面/表格刷新方法
- Vue+element-ui 实现表格的分页功能示例
- Vue2.0+ElementUI+PageHelper实现的表格分页
- element-ui 中 table表格中无法修改表头宽度(二)
- vue elementui table默认显示子表格
- 关于element-ui中Table表格如何合并单元格
- Guns实现服务端分页并解决表格字段不能排序的问题
- vuedraggable+element ui实现页面控件拖拽排序效果