无法看到dataTables tableTools菜单＆＃34; CSV，Excel，PDF，PRINT＆＃34;？

Question

我正在使用bootstrap 3，php，mysql为我哥哥的学校项目开展费用管理系统项目。

  

我使用bootstrap的插件dataTables，无法看到带有dataTables的 dataTables tableTools 菜单。我从github下载了tableTools，并在仪表板页面中包含了所有必需的文件，但tableTools对我不起作用。有人可以帮帮我吗？

我将这些文件包含在 student-dashboard.php 的主管部分中： -

  

<!-- DataTables CSS --> <link href="../bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css" rel="stylesheet">   <!-- DataTables tableTools CSS --> <link rel="stylesheet" type="text/css" href="../bower_components/datatables-plugins/TableTools/css/dataTables.tableTools.css">   <!-- DataTables Responsive CSS --> <link href="../bower_components/datatables-responsive/css/dataTables.responsive.css" rel="stylesheet">   <!-- DataTables tableTools JS --> <script type="text/javascript" language="javascript" src="../bower_components/datatables-plugins/TableTools/js/dataTables.tableTools.js"></script>

以下是dataTables的代码：

<div class="dataTable_wrapper row">
<div class="col-lg-12 table-responsive">
    <table class="table table-striped table-bordered table-hover" id="dataTables-view">
        <thead>
            <tr>
                <th>ID</th>
                <th>Roll Number</th>
                <th>Student Name</th>
                <th>Class</th>
                <th>Fee Status</th>
                <th>Action</th>
            </tr>
        </thead>
        <tbody>

<?php 
$sql = mysql_query("SELECT * FROM student_info ORDER BY student_roll_number");
while($row = mysql_fetch_array($sql)){  
$id = $row["student_id"];
$rollnumber = $row["student_roll_number"];    
$fname = $row["student_fname"];
$lname = $row["student_lname"];
$class = $row["student_class"];

echo '
<tr>
<td> '.$id.'</td>
<td> '.$rollnumber.'</td>
<td> '.$fname.' '.$lname.'</td>
<td><i class="icon-group"></i> '.$class.'</td>
<td><center>Pending</center></td>
<td><center>
  <div class="btn-group text-center">

    <a href="student-view.php?id='.$id.'" class="btn btn-default btn-sm btn-default"><i class="fa fa-eye fa-1x"></i></a>
    <a href="student-modify.php?id='.$id.'" class="btn btn-default btn-sm btn-default"><i class="fa fa-edit fa-1x"></i></a>
    <a href="student-delete.php?id='.$id.'" class="btn btn-default btn-sm btn-default"><i class="fa fa-trash-o fa-1x"></i></a>

  </div></center>
</td>
</tr>
';  
}
?>                                                                       
            </tbody>
        </table>
        </div>
</div>

在页面的最后，我使用以下代码初始化dataTables：

 <script>
$(document).ready(function() {
$('#dataTables-view').DataTable({
        responsive: true,
        "order": [ 0, "desc" ],
        "columnDefs": [
            {
                "targets": [ 0 ],
                "visible": false,
                "searchable": false
            }
        ],
        "lengthMenu": [ [7, 20, 50, -1], [7, 20, 50, "All"] ],
        "dom": 'T<"clear">lfrtip',
        "tableTools": {
        "sSwfPath": "/swf/copy_csv_xls_pdf.swf"
        }
});
});
</script>     

  

最终输出如下：在这张图片中，您可以看到没有dataTables tableTools菜单显示...   

     

但我的学生信息中心页面需要这种输出。

任何人都可以帮我解决这个问题......？

Answer 1

如果只有打印和复制按钮有效，则.swf文件中应该有问题。确保文件的路径正确

单击按钮（打印和复印除外）后，查看控制台中是否出现任何错误。如果文件的路径错误，您将在控制台中收到错误。