jQuery DataTable fnDestroy 重新格式化表格答案

【问题标题】：jQuery DataTable fnDestroy reformats tablejQuery DataTable fnDestroy 重新格式化表格
【发布时间】：2013-09-12 21:17:04
【问题描述】：

页面加载了以下相关的 HTML

<table id="tblBlacklist"></table>

加载完成后，调用下面的JS函数

function getResults() {
 $.ajax({

    type: "POST",
    url: "Blacklist.aspx/GetBlacklist",
    data: "{}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(msg) {

        var $table = $("#tblBlacklist");
        $table.html(msg.d);

        $('#tblBlacklist').dataTable({
            "bJQueryUI": true,
            "sPaginationType": "full_numbers",
            "iDisplayLength": 25
        });

    }
 });
}

用户可以从页面上的选择对象中选择不同的过滤器，然后执行：

$('#tblBlacklist').dataTable().fnDestroy()
ViewBlacklistItems();

在表格填充新结果后，它的格式完全不同！如何让它在“之前”图像中保持相同的格式？

通过 jQuery 传回的 HTML 表（用于初始调用和子调用）不包含 CSS...

之前

之后

【问题讨论】：

标签： javascript jquery css datatable styles

【解决方案1】：

我终于找到了这篇文章

Datatables on-the-fly resizing

提供解决方案的链接，将 bAutoWidth 设置为 false

http://datatables.net/ref#bAutoWidth

我的问题略有不同，因为我没有调整父 DIV 的大小...而是用新结果破坏和重建 DataTable。

【讨论】：

在哪里您将 bAutoWidth 设置为 false？ ViewBlacklistItems() 是做什么的？这没有帮助。
@2rs2ts 这是一个 DataTable 参数，就像我的 OP 中的 bJQueryUI。