搜尋此網誌
2015年12月24日 星期四
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;">
此工具只能針對一頁(當頁)做排序
所以多頁是不行的
<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;">
此工具只能針對一頁(當頁)做排序
所以多頁是不行的
訂閱:
文章 (Atom)