Question

我想通过单击列对jsp页面中的数据表进行排序。可能使用javascript或JQuery。我只有标题，数据来自数据库

   <table name="tablesorter" id="tablesorter" class="tablesorter"       cellspacing="0"         width="720"
style="table-layout:fixed;">
<thead>
<tr>
    <th width="90" class="tableRubrikCell">Anv.namn</th>
    <th width="115" class="tableRubrikCell">Namn</th>
    <th width="135" class="tableRubrikCell">Roller</th>
    <th width="60" class="tableRubrikCell">Ansvarig</th>
    <th width="90" class="tableRubrikCell">Skapad&nbsp;datum</th>
    <th width="75" class="tableRubrikCell">Giltig&nbsp;tom</th>
    <th width="120" class="tableRubrikCell">E-postadress</th>
    <th width="40" class="tableRubrikCell">Ta&nbsp;bort</th>
</tr>
</thead>

Answer 1

您可以使用Tablesorter插件进行jquery。一般的想法是从数据库中获取具有一些初始排序顺序的数据，并在表分类器初始化中设置相同。对于tablesorter，Docs。

Answer 2

将表行作为json数组获取。
在要排序的字段上对数组进行排序。
遍历json数组并将tr附加到tbody。

对于排序，您可以参考此SO链接

Simple function to sort an array of objects

对jsp页面上的列进行排序

2 个答案: