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

Question

该页面使用以下相关 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...

前

后

Answer 1

我最终找到了这个帖子

动态调整数据表大小

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

http://datatables.net/ref#bAutoWidth

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