天天看點

表格排序(tablesorter)

1.在html頁面的head中引用 <script src="/static/Bootstrap/js/jquery/jquery.tablesorter.min.js"></script>

2.在.js檔案中加載tablesorter:

$("table tbody").append(html);

$("table").trigger("update"); table是js自動生成的,需要在生成時添加這句

3.對需要排序的表格調用tablesorter()方法:

$('#tresult').tablesorter({

usNumberFormat : false,

sortReset : true,

sortRestart : true

}

);

$("#mytable").tablesorter({ //mytable是報表table的id

1: {sorter:"integer"}, //表格的第二列按照integer資料類型進行排序

2: {sorter:"integer"},

3: {sorter:"double"},

sortList: [[1,1],[2,0],[3,1]] //初始化表格時第二列按照降序排序,第三列按照升序排列,第四列按照降序排列

});

#不對某些列排序

$(function(){

$('table').tablesorter({

headers : {

// zero-based column index

0 : { sorter: false },

1 : { sorter: false },

2 : { sorter: false },

3 : { sorter: false },

4 : { sorter: false },

5 : { sorter: false }

}

});

});

繼續閱讀