<script type="text/javascript" src="js/jquery-1.9.0.min.js" ></script>
<script type="text/javascript" src="js/jquery.tablesort.js" ></script>
<script type="text/javascript">
$(function() {
var table = $('<table class="ex-2"></table>');
table.append('<thead><tr><th class="number">Number</th></tr></thead>');
var tbody = $('<tbody></tbody>');
for (var i = 0; i < 20; i++) {
tbody.append('<tr><td>' + Math.floor(Math.random() * 100) + '</td></tr>');
}
table.append(tbody);
$('.example.ex-2').append(table);
$('table').tablesort().data('tablesort');
$('thead th.number').data('sortBy', function(th, td, sorter) {
return parseInt(td.text(), 10);
});
//Sorting indicator example
$('table.ex-2').on('tablesort:start', function(event, tablesort) {
$('table.ex-2 tbody').addClass("disabled");
$('.ex-2 th.number').removeClass("sorted").text('Sorting..');
});
$('table.ex-2').on('tablesort:complete', function(event, tablesort) {
$('table.ex-2 tbody').removeClass("disabled");
$('.ex-2 th.number').text('Number');
});
});
</script>
*
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
