title: Unable to see dataTables tableTools menu "CSV, Excel, PDF, PRINT"?
body: <p>I'm working on a project of Fees Management System for my elder brother's school project by using bootstrap 3, php, mysql.</p>
  
  <blockquote>
    <p>I'm using bootstrap's plugin dataTables and unable to see the <strong>dataTables tableTools</strong> menu with dataTables. I downloaded tableTools from github and include all necessary files in dashboard page but tableTools is not working for me. Anyone can help me?</p>
  </blockquote>
  
  <p>I include these files in my <strong>student-dashboard.php</strong>'s head section :-</p>
  
  <blockquote>
    <p><code>&lt;!-- DataTables CSS --&gt;
    &lt;link href="../bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css" rel="stylesheet"&gt;
     
    &lt;!-- DataTables tableTools CSS --&gt;
    &lt;link rel="stylesheet" type="text/css" href="../bower_components/datatables-plugins/TableTools/css/dataTables.tableTools.css"&gt;
     
    &lt;!-- DataTables Responsive CSS --&gt;
    &lt;link href="../bower_components/datatables-responsive/css/dataTables.responsive.css" rel="stylesheet"&gt;
     
    &lt;!-- DataTables tableTools JS --&gt;
    &lt;script type="text/javascript" language="javascript" src="../bower_components/datatables-plugins/TableTools/js/dataTables.tableTools.js"&gt;&lt;/script&gt;</code></p>
  </blockquote>
  
  <p><strong>And here are the codes for dataTables :</strong></p>
  
  <pre><code>&lt;div class="dataTable_wrapper row"&gt;
  &lt;div class="col-lg-12 table-responsive"&gt;
      &lt;table class="table table-striped table-bordered table-hover" id="dataTables-view"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;ID&lt;/th&gt;
                  &lt;th&gt;Roll Number&lt;/th&gt;
                  &lt;th&gt;Student Name&lt;/th&gt;
                  &lt;th&gt;Class&lt;/th&gt;
                  &lt;th&gt;Fee Status&lt;/th&gt;
                  &lt;th&gt;Action&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
  
  &lt;?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 '
  &lt;tr&gt;
  &lt;td&gt; '.$id.'&lt;/td&gt;
  &lt;td&gt; '.$rollnumber.'&lt;/td&gt;
  &lt;td&gt; '.$fname.' '.$lname.'&lt;/td&gt;
  &lt;td&gt;&lt;i class="icon-group"&gt;&lt;/i&gt; '.$class.'&lt;/td&gt;
  &lt;td&gt;&lt;center&gt;Pending&lt;/center&gt;&lt;/td&gt;
  &lt;td&gt;&lt;center&gt;
    &lt;div class="btn-group text-center"&gt;
  
      &lt;a href="student-view.php?id='.$id.'" class="btn btn-default btn-sm btn-default"&gt;&lt;i class="fa fa-eye fa-1x"&gt;&lt;/i&gt;&lt;/a&gt;
      &lt;a href="student-modify.php?id='.$id.'" class="btn btn-default btn-sm btn-default"&gt;&lt;i class="fa fa-edit fa-1x"&gt;&lt;/i&gt;&lt;/a&gt;
      &lt;a href="student-delete.php?id='.$id.'" class="btn btn-default btn-sm btn-default"&gt;&lt;i class="fa fa-trash-o fa-1x"&gt;&lt;/i&gt;&lt;/a&gt;
  
    &lt;/div&gt;&lt;/center&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  ';  
  }
  ?&gt;                                                                       
              &lt;/tbody&gt;
          &lt;/table&gt;
          &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>And in end of the page i used following codes for initializing dataTables:</strong></p>
  
  <pre><code> &lt;script&gt;
  $(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&lt;"clear"&gt;lfrtip',
          "tableTools": {
          "sSwfPath": "/swf/copy_csv_xls_pdf.swf"
          }
  });
  });
  &lt;/script&gt;     
  </code></pre>
  
  <blockquote>
    <p>The final output is this : <strong>In this picture, You can see there is no dataTables tableTools menu showing...</strong>
    <a href="https://i.stack.imgur.com/6sYll.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6sYll.jpg" alt="In this picture, You can see there is no dataTables tableTools menu showing..."></a></p>
    
    <p>but i need this kind of output for my student dashboard page.</p>
  </blockquote>
  
  <p><a href="https://i.stack.imgur.com/MvXWK.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MvXWK.jpg" alt="I need this kind of output for my student dashboard page"></a></p>
  
  <p><strong>Anyone can help me to sort out this issue...?</strong></p>