Позволяет упорядочить столбцы таблицы по DESC/ASC?

Question

Я пытаюсь выяснить способ, позволяющий сотрудникам сортировать таблицу. Я думал, что создам поле выбора с параметрами и после нажатия кнопки (то есть имя файла), тогда таблица будет упорядочиваться по имени файла по убыванию. Я использую Twig в качестве языка шаблонов, но не могу найти способ сделать это с ним. Каким образом я мог бы это сделать?

<script type="text/javascript"> 
$(document).ready(function(){ 

    $('.remove').on('click', function(event){ 

     $.post('phplib/remove_forward.php', { 
       'id' : $(this).data('id') 
      },function(data){ 
       if(data === 'true'){ 
        $(event.target).parent().parent().remove(); 
       } 
       console.log(data); 
      },'html'); 
     event.preventDefault(); 
    }); 
}); 
</script> 
<div id='content'> 
    <h1>Signoffs</h1> 
    <p>Sort by:<select id='sortby'><option></option><option>Filename</option></select></p> 
    <table class='fancy'> 
     <thead> 
      <tr> 
       <th>Filename</th> 
       <th>Another name</th> 
       <th>Machine</th> 
       <th>Operator</th> 
       <th>Leader</th> 
       <th>Date</th> 
       <th></th> 
      </tr> 
     </thead> 
     <tbody> 
      {% for item in signoffs %} 
      <tr> 
       <th><a href='http://files.example.com/folder/{{ item.job_folder }}/department/Files/{{ item.dep.file_name }}'>{{ item.dep.file_name }}</a></th> 
       <td><a href='view.php?num={{ item.num }}&amp;file_id={{ item.dep.id }}'>Lineup</a></td> 
       <td>{{ item.machine.name }}</td> 
       <td>{{ item.operator.user.name }}</td> 
       <td>{{ item.leader.user.name }}</td> 
       <td>{{ item.date|date('M d, Y') }}</td> 
       <td><a class='remove' data-id='{{ item.id }}' href=''>remove</a></td> 
      </tr> 
      {% endfor %} 
     </tbody> 
    </table> 

Answer 1

Вы должны проверить dataTables сво замечательный JQuery плагин, который позволяет манипулировать таблицы.

Его чрезвычайно просто использовать и очень рекомендуется.