bootstrap table 主子表 局部数据刷新（刷新子表）

网上搜索了半天，自己捣鼓了半天无果，请教了大神，终于实现了主子表模式，添加、修改子表后动态刷新主页上的子表信息，搞不明白，很常用的功能，网上却几乎没有完整的代码，分享出来，供参考：

1、主表中设置data-detail-view="true"，启用主子表模式：

<table class="table table-striped" width="80%" id="ds_table" align="center"
       striped="true"
       data-height="430" data-detail-view="true" data-detail-formatter="getChildTable"
       data-pagination="true" sidePagination="server" data-click-to-select="true">
    <thead>

2、JS动态创建子表，关键的是$detail.html('<table id="child_table"></table>'