jQuery MiniUI

标题: 三层自定义表格怎么实现 [打印本页]

作者: LingMx    时间: 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.......
...
这种格式的全部展开,所以求助第三层的表格的手绘如何实现?
作者: dforce    时间: 2017-8-30 13:08:38

不太明白你的这些列表示的意思,如果是多表头,可以这样参考这个示例http://www.miniui.com/demo/#src=datagrid/datagrid.html
所有2级列在1级列的columns数组下。
作者: LingMx    时间: 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通过手绘实现。。。
作者: dforce    时间: 2017-8-30 14:52:59

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

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




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2