BootstrapTable 表格嵌套子表和嵌套页面

时间:2024-01-22 08:47:13

BootstrapTable 表格嵌套子表和嵌套页面

 

一、看了bootstrap的官网demo 效果是没什么问题的但是总是不能让自己随心所欲达到自己所需要的样子,通过研究多次试如下图效果:

   展开前:

 

  展开后:

    子表的表头通过ajax动态加载出来---  这是表格嵌套子表

 二、表格嵌套页面 样式自己可以写:(如下)

展开后

如上图几种情况 主要就是通过渲染bootstrap table 实现 核心代码如下:

 

红线部分为渲染子表的方法:  跟主表方法一样的渲染,如果是嵌套html的话  就可以把参数$detail 带进去赋值写html的代码如下: 

 

 

 通过以上的渲染就可以实现最顶端的效果了!得引用最新的bootstrap包哦!!!!

 

posted on 2018-11-06 17:20 IT小白鸽 阅读(...) 评论(...) 编辑 收藏