
element table表格 树形数据 序号格式处理
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element

·
最近做的一个功能模块采用了表格树形数据 且需要用序号,但是用上了 table自带的序号后 页面展示是这样子的
里面的子级也占了序号编号且展开树形标志到了第二列,这是不符合逻辑的,后面思考了解决办法。
首先把原来的type=’index‘的删除 替换成自己写的自定义属性parenIndes
接下来 我们在获取数据接口位置来定义这个parenIndes
data.list是这个展示数据,children属性里面是他的子级,最后各自加上自定义parenIndes序号,最后赋值。(我数据只有两级嵌套,如果你们的数据有三四级嵌套的话建议使用递归)
最后改良效果是这样
因为树形展开标志是默认在第一个自定义prop里面 type序号是不算的 所以整体都融洽了
代码和逻辑都不复杂 提供的是一个思路
完结 撒花




A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:6 个月前 )
c345bb45
10 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 10 个月前
更多推荐
所有评论(0)