1、在主表中设置data-detail-view='true '，启用主表模式：
striped='true '
data-height=' 430 ' data-detail-view=' true ' data-detail-formatter=' get child table '
ATA-pagination=' true ' side pagination=' server ' data-click-to-select=' true '
2、JS动态创建子表。 关键是$detail.html ()。
').find('table )； 在这里创建了table，并在table上设置了id。 非常重要。 否则，随后将无法更新子表。 (functiongetchildtable(index，row，$detail ) )。
var parentid=row.tpno；
//console.log(row )；
var cur_table=$detail.html (
').find('table )； $(cur_table ).bootstraptable({
URL : '/etest paper/getpaperqtype '，
获取方法： '，
query params : { str parentid : parentid }，
Ajax options : { str parentid : parentid }，
showfooter :真、
columns: [
{
字段： ' question typename '，
标题： '题型名称'，
对齐： '中心'，
footer formatter :函数(
return '合计： '；
}
、{
字段： ' question num '，
title:“小问题的数量”，
对齐： '中心'，
footer formatter 3360函数{
var count=0；
for(varIinvalue ) {
count =value[i].questionnum；
}
返回计数；
}
、{
field: 'jzdwdm '，
title:“题型得分”、
对齐： '中心'，
footer formatter 3360函数{
var count=0；
for(varIinvalue ) {
//console.log(value[I].jzDWDM )；
count =value[i].jzdwdm；
}
返回计数；
console.log(count；
}
、{
title: '操作'，
field: 'c_id '，
对齐： '中心'，
格式：字符格式()、
events :操作事件
(，
]、
//无线循环子表，直到子表中没有记录
onexpandrow :函数(index，row，$Subdetail ) )
get child talbe (索引，row，$Subdetail )；
}
)；
}
3、新增或修改操作完成后，可以直接更新子表。 我在这里重新查询了数据并将其绑定到子表。 应该有更好的方法。 尝试直接更新当前子表，而不执行查询。
$('#child_table ' ).bootstraptable('refresh '，data.data )；