jquery datatable列标题未正确更新

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();