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 / route и ответила данными, как показано ниже

Но таблица в 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>