搜尋此網誌

2015年12月15日 星期二

網頁table排序sorttable.js

官方api:http://www.kryogenix.org/code/browser/sorttable /
<script src="<%=request.getContextPath()%>/common/sorttable.js"></script>
使用很簡單
只要加上class="sortable"
<table  border="1" width="100%"  class="sortable">
如果想不对某列排序,只要在此列的<th>标签加上class="sorttable_nosort"即可。
如果你的table有CSS接在後面即可



舉例:
<table  border="1" width="100%"  class="sortable" style="width:98%; background:#fff; border:1px solid #ccc;border-radius:8px;  –webkit-border-radius:8px; -moz-border-radius:8px; –o-border-radius:8px;padding:2px;margin:0 auto 5px auto;">

此工具只能針對一頁(當頁)做排序
所以多頁是不行的