jQuery DataTable:在服务器端数据表中插入导出按钮

时间:2016-12-07 16:23:40

标签: javascript jquery datatables

我创建了一个从我的数据库中获取数据的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'
      ]
    });
 });

0 个答案:

没有答案