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