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

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

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

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

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

最后改良效果是这样 

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

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

完结 撒花

GitHub 加速计划 / eleme / element
10
1
下载
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 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐