我创建了一个从我的数据库中获取数据的dataTable。我成功地做到了,并希望在我的dataTable中添加导出按钮。当我尝试复制示例here中的代码时,数据表中没有数据显示。
$(document).ready(function() {
$('#shms_grid').DataTable( {
dom: 'Bfrtip',
"serverSide": true,
"processing": true,
"ajax":{
url :"shms_data.php",
type: "post",
error: function(){
$(".shms_grid_error").html("");
$("#shms_grid").append('<tbody class="shms_grid_error"><tr><th colspan="3">No data found in the server</th></tr></tbody>');
$("#shms_grid_processing").css("display","none");
}
},
buttons: [
'copyHtml5',
'excelHtml5',
'csvHtml5',
'pdfHtml5'
]
});
});
然后我尝试了下面的代码,它显示了数据表中的条目,但按钮无处可寻。创建这些导出按钮的正确方法是什么?我已经在我的html文件中调用了所有必需的脚本。谢谢你的帮助!
$(document).ready(function() {
$('#shms_grid').DataTable( {
//dom: 'Bfrtip',
"serverSide": true,
"processing": true,
"ajax":{
url :"shms_data.php",
type: "post",
error: function(){
$(".shms_grid_error").html("");
$("#shms_grid").append('<tbody class="shms_grid_error"><tr><th colspan="3">No data found in the server</th></tr></tbody>');
$("#shms_grid_processing").css("display","none");
}
}
});
});
$(window).load(function(){
console.log("load");
$.extend($.fn.dataTable.defaults, {
dom: 'Bfrtip',
buttons: [
'copyHtml5',
'excelHtml5',
'csvHtml5',
'pdfHtml5'
]
});
});