2015-07-22 63 views
-1

我想为我的页面添加一个“下载为CSV文件”按钮,该页面显示数据库中的数据。我已经通过他们的论坛,但无法找到解决我的错误。为现有DataTable初始化tableTools

我附上了他得到的错误和它指向的代码部分的屏幕截图。请帮我解决这个错误。

The error I'm receiving ,它的引用代码:

<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.css"> 
    <script src = "https://cdn.datatables.net/tabletools/2.2.4/js/dataTables.tableTools.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/tabletools/2.2.4/css/dataTables.tableTools.css"> 
    <script src="jquery.dataTables.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#leads_table thead th").each (function(){ 
       var title = $("#leads_table thead th").eq($(this).index()).text(); 
       $(this).html (' <input type = "text" placeholder = "Search '+title+'"/> '); 
      }); 

      var table = $('#leads_table').DataTable(
        "dom": 'T<"clear">lfrtip', 
        "tableTools": { 
        "sSwfPath": "/swf/copy_csv_xls_pdf.swf" 
        } 
      ); 

      table.columns().every(function(){ 
       var that = this; 

       $('input', this.header()).on ('keyup change', function(){ 
        that 
         .search(this.value) 
         .draw(); 
       }); 
      }); 

     }); 

我是新来同时使用数据表和tableTools。所以,任何帮助将不胜感激。

+0

的[数据表下载XLS/CSV文件不能正常工作]可能重复(http://stackoverflow.com/questions/ 29386972/data-tables-download-xls-csv-file-not-working-properly) –

+0

另外还有https://www.datatables.net/extensions/tabletools/ –

回答

0

TableTools插件应该jQuery的数据表之后被加载,如下所示:

<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.css"> 
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/tabletools/2.2.4/css/dataTables.tableTools.css"> 
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script> 
<script src="//cdn.datatables.net/tabletools/2.2.4/js/dataTables.tableTools.min.js"></script>