javascript – DataTables – 如何使用我自己的按钮进行导出？

我使用Materialize作为我的UI框架,我正在使用DataTables作为我的表.我有一个表,我需要导出到Excel,我可以使用DataTables按钮做得很好.但是,它们是默认的DataTables按钮,我想使用Materialise按钮.

所以问题是：如何使用我自己的按钮让他们执行DataTables内置按钮的功能(特别是导出到Excel)？

我已经尝试使用选项“className”到Materialize按钮类,但这不起作用.我想我可能要做一些JQuery功能.

感谢大家！

编辑：这是我的代码：

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

解决方法:

使用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.

标签：materialize,javascript,jquery,excel,datatables
来源： https://codeday.me/bug/20190824/1704429.html