jquery-datatables - jquery 数据表列标题未正确更新

Question

我尝试根据不同的按钮单击重用具有不同数据量的 1 个表，我能够成功填充数据，但问题是，标题没有正确填充，我进行了调试并看到正确数量的列传递到表中，但是为什么它仍然保留第一次点击的设计？第一次点击的第一个数据有 3 列，但在第二次点击时，它仍然保留相同的 3 列而不是 8 列？如何使标题正确填充？

我尝试销毁并重新创建，但是如果在表创建之前声明代码不能正常工作，知道吗？

 //if ($.fn.DataTable.fnIsDataTable($(selector)[0])) {
            //    $(selector).dataTable.fnClearTable();
            //    $(selector).dataTable.fnDraw();
            //}

var oDataTable = $(selector).dataTable({
                "sDom": _sDom,
                "sPaginationType": "bootstrap",
                "bDestroy": true,
                "bServerSide": true,
                "bFilter": true,
                "bStateSave": true,
                "bSort": tools,
                "bAutoWidth": false,
                "sAjaxSource": source,
                "fnServerParams": function (aoData) {
                    aoData.push({ "name": "sParams", "value": params });
                },
                "bProcessing": true,
                "oLanguage": {
                    "sLengthMenu": _displayLen
                },
                "aoColumns": cols
            });

第一个按钮单击


第二个按钮单击

Answer 1

好的，找到了答案，在 fndestroy 之后，我仍然需要在重新创建一组新的标题之前从表中删除标题

$(selector).find('thead tr th').remove();