基于layui Table,增加扩展面板展示子表格的方案

分享 未结 2 526
CrazyYi
CrazyYi 2020-1-2
悬赏:20飞吻
这几天一直要忙着做一个项目:用table 显示的数据,因为每行数据的字段太多,所以有些字段就不会直接显示。点击“展开按钮”,在该记录的下方将其他字段完整显示出来。
这个和treeTable 有些类似,但treeTable 是显示子级记录。而我们是需要显示和主表的记录完全不同的字段。

因此初步的思路,就是在该记录的下方,增加一行。在该行内所有单元格先合并成一个单元格,然后在该唯一的单元格内新增一个表格,显示其他字段。
因为是新增了一个表格,所以同样可以显示多条记录——使用场景:如果想要查看和某条记录关联的其他表格的多条记录的时候,也可以用这个方式。比如订单表,想要查看该订单对应的所有订单操作记录。

目前还未放一个demo演示。先上git: https://gitee.com/hzxun/layerTable

后续慢慢优化。

在此,要特别感谢下@whvse,
他的treeTable-lay 帮助很大。向他学习
回帖
  • CrazyYi
    2020-1-2
    现在我的主表,是采用 自动渲染的方式加载,很多原来表格的toolbar 都用不了。不知道大家有啥办法?
    0 回复
  • CrazyYi
    2020-1-2
    这是layerTable 的演示效果图
    0 回复