我正在寻找一种排除使用jQuery的tablesorter插件排序单列的方法。具体来说,我有一个相当大的表,并希望保持一个“行号”列固定,以便在排序后很容易看到表中某一行的位置。
例如:
# name ----------- 1 papaya 2 apple 3 strawberry 4 banana
当在名称列中排序时,应该导致:
# name ----------- 1 apple 2 banana 3 papaya 4 strawberry
谢谢。
解决方法
这是一个可以使用的小部件,可以完成您要查找的内容:
$(function() { // add new widget called indexFirstColumn $.tablesorter.addWidget({ // give the widget a id id: "indexFirstColumn",// format is called when the on init and when a sorting has finished format: function(table) { // loop all tr elements and set the value for the first column for(var i=0; i < table.tBodies[0].rows.length; i++) { $("tbody tr:eq(" + i + ") td:first",table).html(i+1); } } }); $("table").tablesorter({ widgets: ['zebra','indexFirstColumn'] }); });