在数据表函数中附加一个对象

Question

需要在数据表函数内附加一个对象。我在我的应用程序的多个页面中有以下代码。我试图从应用程序中的一个通用 JS 文件中将一个对象附加到这个函数。

var table;
$(document).ready(function() {
table = $('#table').DataTable({ 
    dom: 'lBfrtip',
    lengthMenu: [
        [ 10, 25, 50, 100, -1 ],
        [ '10', '25', '50', 100, 'Show all' ]
    ],
    "processing": true, //Feature control the processing indicator.
    "serverSide": true, //Feature control DataTables' server-side processing mode.
    "columnDefs": [
    { 
        "targets": [ -1 ], //last column
        "orderable": false, //set not orderable
    },
    ],
});
});

我尝试在通用 JS 文件中将按钮属性推送到 DataTable 函数，如下所示：

table.push({buttons: [
    {
        text:'Save as PDF',
        className: "btn btn-primary",
        extend: 'pdfHtml5',
        download: 'open',
    }
]
});

但是得到这个错误：

Uncaught TypeError: Cannot read properties of undefined (reading 'push')

Answer 1

尝试将按钮添加到dataTable.defaults 对象：

$.extend(true, $.fn.dataTable.defaults, {
    buttons: [
        {
            text:'Save as PDF',
            className: "btn btn-primary",
            extend: 'pdfHtml5',
            download: 'open'
        }
    ]
});