JSON-首次引导表

Question

要在下拉事件更改时填充引导表，请使用以下代码：

dsubgroup.change(function() {
      var e = document.getElementById("psubbgroup-dropdown");
      var subgroup_id = e.options[e.selectedIndex].value;
      urlsubgrps = urlsub + '/' + subgroup_id + '/Products';
      console.log(urlsubgrps);
      $.getJSON(urlsubgrps, function (data) {
        $(function () {
            console.log(data);
            $('#table').bootstrapTable({
            data: data
            });
        });
    });
});

它的工作原理与我想要的完全相同：但是这里的主要问题是它的第二次使用。

在第一个下拉事件发生更改时，它将在#table内部加载数据，但是第二次当我更改下拉列表时，它不会使用新数据填充表：

控制台确实记录了正确的api /路由，并显示了如下所示的数据

但是HTML中的表保持不变：

下表的html代码显示如下：

  <table class="table" id="table">
    <thead>
      <tr>
        <th data-field="chiper">Chiper</th>
        <th data-field="product_name">Product</th>
        <th data-field="barcode">BarCode</th>
      </tr>
    </thead>
  </table>