title: bootstrap table sort icons missing
body: <p>Right now I have this code:</p>
  
  <pre class="lang-php prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;title&gt;Inventory&lt;/title&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;title&gt;Dashboard&lt;/title&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css"&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="ddtf.js"&gt;&lt;/script&gt;
  &lt;script&gt; src="https://code.jquery.com/jquery-3.3.1.js"&lt;/script&gt;
  &lt;script&gt; src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"&lt;/script&gt;
  &lt;script&gt; src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"&lt;/script&gt;
      &lt;style type="text/css"&gt;
          .glyphicon {
      font-size: 20px;
  }
  
  
  table.dataTable thead .sorting:after,
  table.dataTable thead .sorting:before,
  table.dataTable thead .sorting_asc:after,
  table.dataTable thead .sorting_asc:before,
  table.dataTable thead .sorting_asc_disabled:after,
  table.dataTable thead .sorting_asc_disabled:before,
  table.dataTable thead .sorting_desc:after,
  table.dataTable thead .sorting_desc:before,
  table.dataTable thead .sorting_desc_disabled:after,
  table.dataTable thead .sorting_desc_disabled:before 
  {
  bottom: .5em;
  }
          .wrapper{
              width: auto;
              margin: 0 auto;
          }
          .page-header h2{
              margin-top: 0;
          }
          table tr td:last-child a{
              margin-right: 15px;
          }
  
          .red {
              background-color: #f44336 !important;
          }
  
          .oranje {
              background-color: #FFC107 !important;
          }
          .test{
              display: inline;
          }
  
      &lt;/style&gt;
      &lt;script type="text/javascript"&gt;
          $(document).ready(function(){
              $('[data-toggle="tooltip"]').tooltip();   
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;?php include_once("navbar.html"); ?&gt;
      &lt;div class="wrapper"&gt;
          &lt;div class="container-fluid"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-md-12"&gt;
                      &lt;div class="page-header clearfix"&gt;
                          &lt;h2 class="pull-left"&gt;Inventaris&lt;/h2&gt;
                          &lt;!-- &lt;a href="create.php" class="btn btn-success pull-right"&gt;Voeg product toe&lt;/a&gt; --&gt;
                      &lt;/div&gt;
                      &lt;?php
                      // Include config file
                      require_once "config.php";
                      // Attempt select query execution
                      $sql = "SELECT * FROM products ORDER BY merk,model";
                      if($result = mysqli_query($link, $sql)){
                          if(mysqli_num_rows($result) &gt; 0){
                              echo "&lt;table id='dtBasicExample' class='table table-bordered table-striped'&gt;";
                                  echo "&lt;thead&gt;";
                                      echo "&lt;tr&gt;";
                                          echo "&lt;th&gt;Merk&lt;/th&gt;";
                                          echo "&lt;th&gt;Model&lt;/th&gt;";
                                          echo "&lt;th&gt;voorraad&lt;/th&gt;";
                                          echo "&lt;th&gt;threshold&lt;/th&gt;";
                                          echo "&lt;th&gt;Action&lt;/th&gt;";
                                      echo "&lt;/tr&gt;";
                                  echo "&lt;/thead&gt;";
                                  echo "&lt;tbody&gt;";
                                  while($row = mysqli_fetch_array($result)){
                                      $sql2 = "SELECT SUM(aantal) FROM mutaties WHERE product_id = ".$row['id'];
                                      if($result2 = mysqli_query($link, $sql2)){
                                      $row2 = mysqli_fetch_array($result2);
                                          if(empty($row2['SUM(aantal)'])){
                                              $voorraad = "0";
                                          }
                                          else{
                                              $voorraad = $row2['SUM(aantal)'];
                                          }
                                      }
                                      else{
                                          echo "Error";
                                      }
  
                                      if($voorraad &lt; $row['threshold']) 
                                      {
                                          $sql4 = "SELECT * FROM orders WHERE geleverd = 0 AND product_id =" .$row['id'];
                                          if($result4 = mysqli_query($link,$sql4))
                                          {
                                                  if(mysqli_num_rows($result4)&gt;0)
                                                  {
                                                      $classNaam = 'oranje';
                                                  }
                                                  else
                                                  {
                                                      $classNaam = 'red';
                                                  }
                                          }
  
                                      }
                                      else
                                      {
                                          $classNaam = '';
  
                                      }
  
  
                                      echo '&lt;tr class="' . $classNaam . '"&gt;';
                                          echo "&lt;td&gt;" . $row['merk'] . "&lt;/td&gt;";
                                          echo "&lt;td&gt;" . $row['model'] . "&lt;/td&gt;";
                                          echo "&lt;td&gt;" . $voorraad . "&lt;/td&gt;";
                                          echo "&lt;td&gt;" . $row['threshold'] . "&lt;/td&gt;";
                                          echo "&lt;td &gt;";
                                              echo "&lt;a onclick='return window.confirm(\"Weet je zeker dat je ".$row['merk']." ".$row['model']." wilt verwijderen?\")' href='delete.php?id=". $row['id'] ."' title='Delete Record' data-toggle='tooltip'&gt;&lt;span class='glyphicon glyphicon-trash' style='color:black'&gt;&lt;/span&gt;&lt;/a&gt;";
                                              echo "&lt;a href='uitgaand_order.php?id=". $row['id'] ."' title='Uitgaand' data-toggle='tooltip'&gt;&lt;span class='glyphicon glyphicon glyphicon-upload' style='color:black'&gt;&lt;/span&gt;&lt;/a&gt;";
                                              echo "&lt;a href='inkomend_order.php?id=". $row['id'] ."' title='Inkomend' data-toggle='tooltip'&gt;&lt;span class='glyphicon glyphicon glyphicon-download' style='color:black'&gt;&lt;/span&gt;&lt;/a&gt;";
                                              echo "&lt;a href='inkomend_uitgaand_pp.php?id=". $row['id'] . "&amp;in=".TRUE. "&amp;uit=".TRUE."' title='Inkomend/Uitgaand' data-toggle='tooltip'&gt;&lt;span class='glyphicon glyphicon glyphicon-sort' style='color:black'&gt;&lt;/span&gt;&lt;/a&gt;";
                                              echo "&lt;a href='update_product.php?id=". $row['id'] ."' title='Inkomend' data-toggle='tooltip'&gt;&lt;span class='glyphicon glyphicon glyphicon-pencil' style='color:black'&gt;&lt;/span&gt;&lt;/a&gt;";
                                              echo "&lt;/td&gt;";
                                      echo "&lt;/tr&gt;";
                                  }
                                  echo "&lt;/tbody&gt;";                            
                              echo "&lt;/table&gt;";
                              // Free result set
                              mysqli_free_result($result);
                          } else{
                              echo "&lt;p class='lead'&gt;&lt;em&gt;Er zijn momenteel geen producten&lt;/em&gt;&lt;/p&gt;";
                          }
                      } 
                      else{
                      echo "ERROR: Could not able to execute $sql. " . mysqli_error($link);
                      }
                      // Close connection
                      mysqli_close($link);
                      ?&gt;
                  &lt;/div&gt;
              &lt;/div&gt;   
              &lt;script&gt;
  $(document).ready(function() {
      $('#dtBasicExample').DataTable();
  } );
              &lt;/script&gt;     
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>No matter what I try I don't get sorting buttons in my table.
  How can I solve this? So I can sort my data table. Same with pages. I did everything from the example(not in this script) but the table doesn't divide into multiple pages. Why is that and why are those icons not showing together with the page numbers where the table divides over multiple pages.</p>