element table表格 树形数据 序号格式处理

1,005 阅读1分钟

最近做的一个功能模块采用了表格树形数据 且需要用序号,但是用上了 table自带的序号后 页面展示是这样子的​编辑

 里面的子级也占了序号编号且展开树形标志到了第二列,这是不符合逻辑的,后面思考了解决办法。

​编辑

 首先把原来的type=’index‘的删除 替换成自己写的自定义属性parenIndes

接下来 我们在获取数据接口位置来定义这个parenIndes

​编辑

 data.list是这个展示数据,children属性里面是他的子级,最后各自加上自定义parenIndes序号,最后赋值。(我数据只有两级嵌套,如果你们的数据有三四级嵌套的话建议使用递归)

最后改良效果是这样

因为树形展开标志是默认在第一个自定义prop里面 type序号是不算的 所以整体都融洽了

代码和逻辑都不复杂 提供的是一个思路

完结 撒花