javascript - 如何使用动态列号重新初始化DataTable？

Question

我想根据页面上下拉值的变化重新初始化DataTable。如果新表列号等于以前的列号，那么一切都很好。但是当列数更少或更多时，它会给我一个错误。destroy 函数在这种情况下不起作用。如果我使用新参数重新加载页面也没关系。但我想用ajax调用来解决这个问题。这是一个示例:https://jsfiddle.net/aaktas/arbcgvhz/24/ <script async src="//jsfiddle.net/aaktas/arbcgvhz/27/embed/"></script>

Answer 1

我找不到 DataTable 函数内部的方法。我找到了一个快速解决方案，它重新创建 html 表格元素，如下所示:

 function reCreateTable() {
        $('#reportsTable').remove();
        $('.table-responsive').prepend('<table id="reportsTable" class="table table-striped" style="width:100%"></table>');
    }

如果有人可以建议任何其他解决方案，那就太好了。