jQuery數據表按鈕默認值

Question

我需要將某些樣式應用於所有DataTables按鈕，以便它們與我網站上的其余按鈕匹配。 我可以使用className選項添加如下內容，但我不想每次都提供相同的內容。

手冊示例

$('#myTable').DataTable({
  buttons: [
    {
      text: 'I look like a button',
      className: 'icanhazdefalt'
    }
  ]
})

我在文檔中看到默認值是undefined 。 我在文檔中找不到任何地方可以覆蓋此選項或其他選項的默認值。 這可能嗎？ 就像是：

$.fn.DataTable.Buttons.options.extend({
  className: 'icanhazdefalt'
})

我需要的是能夠為插件本身（而不是特定實例）設置默認值。 然后，我以后在頁面上創建的所有實例將具有我指定的默認實例。 我可以在插件腳本之后（可能在布局文件中）包含用於設置默認值的腳本，這樣我就不必手動執行任何操作來使所有后續實例都具有默認的className（但仍然可以通過顯式覆蓋它）如上面的“示例”中所示提供它）。

Answer 1

采用：

$('#myTable').DataTable( {
    buttons: {
        buttons: [
            { extend: 'copy', className: 'copyButton' },
            { extend: 'excel', className: 'excelButton' }
        ]
    }
} );

參考： https : //datatables.net/reference/option/buttons.buttons.className

編輯：可能會有更好和更簡單的方法來做到這一點，但是，這就是我目前提出的。

//DataTable
var table= $("#myTable").DataTable( {
    dom: 'Bfrtip',
    buttons: [
        {
            text: 'I look like a button'
        },
        {
            text: 'I dont'
        }
    ]
} );

//Add class to all buttons
$(table.buttons()).each(function(){
    $($(this)[0]["node"]).addClass("sampleClass");
});

您還可以通過為button（）提供參數來更改按鈕選擇。 看到這個鏈接 。