jQuery MiniUI

 找回密码
 立即注册
查看: 3179|回复: 3
打印 上一主题 下一主题

三层自定义表格怎么实现 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2017-8-30 12:21:40 |只看该作者 |倒序浏览
现在需要做一个三层表格,第一层直接用miniui的div实现,剩下两层由于需要全部展开所以需要实现自定义的写法,第二层可以javascript去实现,第三层次如何嵌套实现呢?
A col1 col2 col3
  B1 col1 col2 col3
    c1 col1 col2 col3
  B2 col2 col2 col3
    c2 col1 col2 col3
A2.......
...
这种格式的全部展开,所以求助第三层的表格的手绘如何实现?

Rank: 8Rank: 8

沙发
发表于 2017-8-30 13:08:38 |只看该作者
不太明白你的这些列表示的意思,如果是多表头,可以这样参考这个示例http://www.miniui.com/demo/#src=datagrid/datagrid.html
所有2级列在1级列的columns数组下。

Rank: 2

板凳
发表于 2017-8-30 13:40:32 |只看该作者
dforce 发表于 2017-8-30 13:08
不太明白你的这些列表示的意思,如果是多表头,可以这样参考这个示例http://www.miniui.com/demo/#src=data ...

不是多表头,是多张表比如说三张关联表,要进行三级嵌套,这边没法发图所以给了这样的展示,需要实现表A的行展开看到关联的表B数据,表B的行展开看到关联的表C数据,除了表A外,表B和C都需要实现全部展开,所以需要表B和表C通过手绘实现。。。

Rank: 8Rank: 8

地板
发表于 2017-8-30 14:52:59 |只看该作者
LingMx 发表于 2017-8-30 13:40
不是多表头,是多张表比如说三张关联表,要进行三级嵌套,这边没法发图所以给了这样的展示,需要实现表A ...

http://www.miniui.com/demo/#src=datagrid/detailgrid.html
看你描述,你要应该是这样类似的多级联动了吧。
你可以看一下我们示例,第三个表格的话可以等第2个表格加载完毕后用js选中一条数据,再加载。

Archiver|普加软件

GMT+8, 2024-5-20 08:21 , Processed in 1.050321 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部