javascript - jQuery DataTable fnDestroy重新格式化表格

该页面加载了以下相关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 ...

之前



后

最佳答案

我最终找到了这个帖子

Datatables on-the-fly resizing

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

http://datatables.net/ref#bAutoWidth

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