DataTables - Как я могу использовать собственные кнопки для экспорта?

Question

Я использую материализацию в качестве своего интерфейса пользовательского интерфейса, и я использую DataTables для своих таблиц. У меня есть таблица, которую мне нужно экспортировать в excel, и я могу сделать это просто отлично, используя кнопки DataTables. Однако они являются стандартными кнопками DataTables, и я бы хотел использовать кнопки Materialize.

Вопрос в следующем: Как я могу использовать свои собственные кнопки и заставить их выполнять функции встроенных кнопок DataTables (в частности, экспортировать в Excel)?

Я уже пробовал использовать параметр «className» для класса Button Materialize, но это не сработало. Я полагаю, что мне, вероятно, придется выполнить некоторую функцию JQuery.

Спасибо всем!

EDIT: Вот мой код:

$(document).ready(function() { 
var dataTable = $('#datatable').DataTable({ 
    language: { 
     search: "", 
     searchPlaceholder: "Search" 
    }, 
    dom: 'Brftip', 
    buttons: [ 
     'copy', 
     'csv', 
     'excel', 
     'pdf', 
     'print' 
    ] 
}); 

Answer 1

Использование buttons.dom.button для определения класса и элемент, который будет использоваться для кнопки.

Например:

var table = $('#example').DataTable({ 
    "ajax": 'https://api.myjson.com/bins/qgcu', 
    "order": [], 
    "dom": 'Bfrtip',   
    "buttons": { 
     "dom": { 
      "button": { 
      "tag": "button", 
      "className": "waves-effect waves-light btn mrm" 
      } 
     }, 
     "buttons": [ 'copyHtml5', 'excelHtml5', 'csvHtml5', 'pdfHtml5' ] 
    } 
}); 

this jsFiddle См для кода и демонстрации.

Answer 2

https://datatables.net/extensions/buttons/custom

buttons: [ 
    { 
     text: 'Reload', 
     action: function (e, dt, node, config) { 
       dt.ajax.reload(); 
      } 
     } 
    ] 

"текст" может быть HTML для пользовательской кнопки

Answer 3

Вы должны использовать Jquery, чтобы выбрать кнопку и добавить класс в drawcallback. Что-то вроде этого:

$('.buttons-excel').addClass('waves-effect waves-light btn'); 

Или:

var table = $('#example').DataTable({ 
    "ajax": 'https://api.myjson.com/bins/qgcu', 
    "order": [], 
    "dom": 'Bfrtip',   
    "buttons": { 
    "dom": { 
     "button": { 
     "tag": "button", 
     "className": "waves-effect waves-light btn mrm" 
     } 
    }, 
    "buttons": [ 'copyHtml5', 'excelHtml5', 'csvHtml5', 'pdfHtml5' ] 
    } 
});