jQuery - 解决DataTables重复初始化时报“Cannot reinitialise DataTable”错误

1，问题描述

通常情况下页面上的表格只需初始化一次就可以了。但有时我们的代码可能对同一个表格多次进行初始化操作，那么这时浏览器就会弹出错误提示框，内容如下：

2，问题原因

Datatables 不允许多次初始化同一表格。虽然这个提示只是起告知作用，不会造成表格功能失效，或是其他 js 错误，但弹出个提示框总归不爽。

 

3，解决版本

只需在初始化的时候初始化时设置 retrieve:true 即可。该设置表示我已经知道初始化选项不能在初始化之后更改，只是希望返回 DataTable 实例。

$(document).ready(function () {
    $('.dataTables-example').DataTable({
        destroy: true,
        order: [1, 'desc'],
        searching: true,
        bFilter: true,
        bInfo: true,
        retrieve:true,
        buttons: [
            {extend: 'copy'},
            {extend: 'csv'},
            {extend: 'excel', title: 'ExampleFile'},
            {extend: 'pdf', title: 'ExampleFile'},

            {
                extend: 'print',
                customize: function (win) {
                    $(win.document.body).addClass('white-bg');
                    $(win.document.body).css('font-size', '10px');

                    $(win.document.body).find('table')
                        .addClass('compact')
                        .css('font-size', 'inherit');
                }
            }
        ]
    });

原文出自：www.hangge.com  转载请保留原文链接：https://www.hangge.com/blog/cache/detail_2064.html