javascript - jspのリロード中にデータテーブルの子を削除する

Question

jspページのリロード中にデータテーブルdomを破棄（または削除）する方法があるかどうか疑問に思っていました. 提供するコンテキストに応じて特定のデータを含むテーブルをロードする jsp ページがあります。私が直面している問題は、データが新しいコンテキストで読み込まれるたびに、以前の初期化を保持しながら、新しいデータに機能を提供するためにデータテーブル コンストラクターが再度呼び出されることです。私のコードは

<table class="data-table" id="test">
    <thead>
        <tr>
            <th>value1</th>
            <th>value2</th>
            <th>value3</th>
            <th>value4</th>

        </tr>
    </thead>
    <tbody>


        <tr>
            <td class="class1"><%= value.valueOne() %></td>
            <td class="class2"><%= value.valueTwo() %></td>
            <td class="class3"><%= value.valueThree() %></td>


            <td class="class4"><%= value.valueFour() %></td>
        </tr>
        <%
        }
        %>
    </tbody>
</table>


<script>
   $(document).ready(function()  {
        alert("HELLO");
        $('#test').dataTable();

       });
</script>

電話してみた

  var oTable = $('.data-table').dataTable();
  oTable.fnDestroy();

データがリロードされるたびに、何もしていないようです。