我使用 Materialise 作为我的 UI 框架,并使用 DataTables 作为我的表格。我有一个表需要导出到 Excel,我可以使用 DataTables 按钮很好地完成它。但是,它们是默认的 DataTables 按钮,我想使用 Materialize 按钮。
所以问题是:如何使用自己的按钮并让它们执行DataTables内置按钮的功能(特别是导出到Excel)?
我已经尝试使用 Materialize 按钮类的“className”选项,但这不起作用。我想我可能需要做一些 JQuery 函数。
感谢大家!
编辑:这是我的代码:
$(document).ready(function() {
var dataTable = $('#datatable').DataTable( {
language: {
search: "",
searchPlaceholder: "Search"
},
dom: 'Brftip',
buttons: [
'copy',
'csv',
'excel',
'pdf',
'print'
]
} );
Use buttons.dom.button https://datatables.net/reference/option/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' ]
}
});
See 这个jsFiddle https://jsfiddle.net/ey891een/1/用于代码和演示。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)