Question

我正试图想办法让员工能够对表格进行排序。我想我会创建一个带选项的选择框，一旦点击了一个选项（即文件名），那么表将按Filename降序排序。我正在使用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插件。

极其简单易用，非常推荐。

是否允许DESC / ASC对表列进行排序？

1 个答案: