在子标签之间进行切换时，刷新引导表（在子标签内部）视图的正确方法

Question

在这种特定情况下，我的应用程序具有两个或多个动态创建的引导子选项卡，每个选项卡都使用一个引导表创建。创建第二个（或后续）子选项卡时，引导表不在该子选项卡中呈现，而是在第一个子选项卡中呈现，从而替换了第一个子选项卡中已存在的表。

我尝试为要显示的选项卡调用shown.bs.tab事件处理程序中的$（'＃tableid'）。bootstrapTable（'resetView'）

$（document）.on（'shown.bs.tab'，'＃data-tab-ul> li> a'，函数（事件）{

    //Hide the previous tab
    var idOfTabPaneToDeactivate = $(event.relatedTarget).attr("href");
    $(idOfTabPaneToDeactivate).removeClass('show');
    $(idOfTabPaneToDeactivate).removeClass('active');
    $(idOfTabPaneToDeactivate).removeClass('in');
    //var theTable = $(idOfTabPaneToDeactivate).find("table");
    //theTable.bootstrapTable('resetView');

    //Show the next tab
    var idOfTabPaneToActivate = $(event.target).attr("href");
    $(idOfTabPaneToActivate).addClass('active');
    $(idOfTabPaneToActivate).addClass('show');
    $(idOfTabPaneToActivate).addClass('in');
    theTable = $(idOfTabPaneToActivate).find("table");
    theTable.bootstrapTable('resetView');

});

我希望每个子选项卡在被激活时都只显示一个引导表，但第二个/后续子选项卡中的引导表都呈现在第一个子选项卡中。