title: jQuery dataTables - left align sort icon
body: <p>as you can see the sort icons on my Datatable are on the far right of the column:</p>
  
  <p><img src="https://i.stack.imgur.com/Yvbqa.png" alt="enter image description here"></p>
  
  <p>Is it possible to align these on the left so they appear just after the text?</p>
  
  <p>ie. </p>
  
  <pre><code># ^            Technician ^              Completed Date ^
  </code></pre>
  
  <p>Thank you</p>
  
  <p>Code as requested:</p>
  
  <pre><code>    &lt;div class="dataTable_wrapper"&gt;
          &lt;table class="table table-striped table-hover" id="table-d"&gt;
              &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;{% trans %} id {% endtrans %}&lt;/th&gt;
                  &lt;th&gt;{% trans %} technician {% endtrans %}&lt;/th&gt;
                  &lt;th&gt;{% trans %} date {% endtrans %}&lt;/th&gt;
                  &lt;th&gt;{% trans %} summary {% endtrans %}&lt;/th&gt;
              &lt;/tr&gt;
              &lt;/thead&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>And:</p>
  
  <pre><code>$('#table-d').DataTable( {
      "processing": true,
      "serverSide": true,
      "ajax": "{{ path('table_data') }}",
      "pageLength": 10
  })'
  </code></pre>