使用jquery插件在jsp中对表进行排序

时间:2014-10-07 16:13:25

标签: javascript jquery mysql jsp sorting

我正在尝试在jsp中对表进行排序。我使用了一个名为tableSorter的jquery插件对我的表进行排序,但我没有运气。这是我的代码。我不确定我在哪里错过了什么。我从MYSQL数据库填充此表。

这是我的表分类器函数,我用它来对jsp中的表进行排序。

    <script type="text/javascript" src="js/jquery-ui-min.js"></script>
    <script type="text/javascript" src="js/jquery.tinysort.min.js"></script>

var aAsc = [];
function sortTable(nr) {
aAsc[nr] = aAsc[nr]=='asc'?'desc':'asc';
$('#records>tbody>tr').tsort('td:eq('+nr+')[abbr]',{order:aAsc[nr]});
}

<table ID="records" class="results" border="1" cellspacing="0">
<thead>
<tr>
<th><a href="javascript:sortTable(0)" style=" color: #ffffff; text-decoration: underline; ">ID</a></th>
<th>Name</th>
<th>Date</th>
</tr>
</thead>

 <logic:notEmpty property="results" name="finalResults" scope="page">
 <logic:iterate id="i" indexId="count" property="results" name="finalResults" scope="page">

  <%-- Logic for formatting the data from DB goes here--%>
 </logic:iterate>
 </logic:notEmpty>

我在这里使用href对数据进行排序。但是当我点击它时,href什么都不做。我错过了什么吗?

1 个答案:

答案 0 :(得分:1)

类应该是tablesorter

喜欢:table ID =“records”class =“ tablesorter ”border =“1”cellspacing =“0”

试试这个::

我举了一个例子,请看这个链接,在这里我使用_jquery.tablesorter.min.js让我知道这个帮助。 tableSorter Example