利用午休时间学习使用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假死!!!!