利用午休时间学习使用jquery的tablesorter
信息作者: haitao (hash:1946158090)
太那啥了我都不敢点
发表时间: 2009-01-22 14:07:23
阅读次数: 2
信息内容:
开始怎么也试验不出来，折腾n次后，发现2个错误：
1、js头复制时忘了删掉src=...js了
2、花括号没匹配

如果有编译器帮着查错定位，也不至于花这么多时间啊


汉字排序有问题：搜索解决
http://bbs.jquery.org.cn/read.php?tid=2521
要修改源代码: jquery.tablesorter.js
复制代码/*
function sortText(a,b) {
return ((a < b) ? -1 : ((a > b) ? 1 : 0));
};
*/
function sortText(a,b) {
return (a.localeCompare(b));
};

/*
function sortTextDesc(a,b) {
return ((b < a) ? -1 : ((b > a) ? 1 : 0));
};
*/
function sortTextDesc(a,b) {
return (b.localeCompare(a));
};



隔行以不同的背景色显示：
http://www.aspxhome.com/javascript/program/200712/24999_5.htm
这个表格还可以加一些突出显示的效果，我们可以做这样一个隔行背景色（斑马线）效果:

$(document).ready(function() {
$("#large").tableSorter({
stripingRowClass: ['odd','even'], // Class names for striping supplyed as a array.
stripRowsOnStartUp: true // Strip rows on tableSorter init.
});
});
但是好像不起作用，这样才行：
http://dandansdu.javaeye.com/blog/239412
找到下面的代码：
Java代码
for (var i=0;i < totalRows; i++) {
rows.push(r[n[i][checkCell]]);
if(!table.config.appender) {

var o = r[n[i][checkCell]];
var l = o.length;
for(var j=0; j < l; j++) {

tableBody[0].appendChild(o[j]);

}

}
}

for (var i=0;i < totalRows; i++) {
rows.push(r[n[i][checkCell]]);
if(!table.config.appender) {

var o = r[n[i][checkCell]];
var l = o.length;
for(var j=0; j < l; j++) {

tableBody[0].appendChild(o[j]);

}

}
}


找到以后,然后你就可以在这段代码的下面添加如下的代码：
Java代码
$("tr:visible",table.tBodies[0])
.filter(':even')
.removeClass(table.config.widgetZebra.css[1]).addClass(table.config.widgetZebra.css[0])
.end().filter(':odd')
.removeClass(table.config.widgetZebra.css[0]).addClass(table.config.widgetZebra.css[1]);

$("tr:visible",table.tBodies[0])
.filter(':even')
.removeClass(table.config.widgetZebra.css[1]).addClass(table.config.widgetZebra.css[0])
.end().filter(':odd')
.removeClass(table.config.widgetZebra.css[0]).addClass(table.config.widgetZebra.css[1]);


这段代码就是给奇数行和偶数行分别加不同的颜色



最后，基本实现了，但是在TheWorld里反复点击表格标题重排序，很容易导致TW假死！！！！