怎样对表格的某一列进行排序?点击一下为正序,再点一下为反序?
有以上的一个表格,在数据下拉的时候,表头不动,所以的做成了2个表格 。
表头是一个表格table1,表数据是另一个表格table2.
在点击‘日期时间’的时候,对日期时间进行正反排序。
我在网上搜了很多demo,都可以做到我要的效果,如果是单独的一个table,我也能实现这种效果。
关键我现在是2个table拼起来的,点击‘日期时间’,不会促动下面table2的排序。
很头疼。
我记得jquery里有方法好像可以把某个元素的事件的动作,赋给另外一个元素,我想这样应该可以实现。
但是我忘了怎么写了,找了半天也没找到,求高人指点。
这样情况最好应该怎么办呢?
------解决方案--------------------第一点,不知道为什么要用两个表格,一个不是很好吗,第一行直接TH就可以了
第二点,如果非要这么做的话,可以给你点击的字添加一个onclick事件,如<a href="javascript:;" onclick="orderByTime(0)"></a>,然后你就在orderByTime这个函数里面对table2进行赋值,就可以了,推荐使用ajax
------解决方案--------------------我教你一个灰常简单的方法,你下载一个jquery插件,不大 ,名字叫TableSort.js,然后把你要排序的table转给他,就行了 $("#showList").sorttable();
<table class="table-css" id="showList" style="border-right-style: hidden;">
<thead>
<tr role="head" style="display: none;">
<th ></th>
<th sort="true" width="150" align="center">aa</th>
<th ></th>
<th ></th>
<th ></th>
</tr>
</thead>
<tr class="list-row-even2">
<td style="width:1070px">There is not data what you wanted!</td>
</tr>
</table>
注意第一行的tr ,和第一行里面tr的th的写法,就ok啦。