jquery插件之tablesorter,使网页表格table可排序化

网页表格table可排序化

<link type=”text/css” rel=”stylesheet” rel=”stylesheet” href=”/css/jquery/sortable.css” />
<script type=”text/javascript” src=”/scripts/jquery.js”></script>
<script type=”text/javascript” src=”/scripts/jquery.tablesorter.js”></script>
<script type=”text/javascript”>
$(function(){
var enable_table_sort = true;
var highlightline = ‘lightLine’;
if( enable_table_sort ){
$(“table[class*=tablesorter]”).tablesorter({widgets: [‘zebra’]}); // 斑马纹在这实现
$(“table[class*=tablesorter]”)
.filter(‘tbody’).children().each(function(idx){
$(this)
.mouseover(function(){$(this).addClass(highlightline)})
.mouseout(function(){$(this).removeClass(highlightline)});
});
}
});
//–>
</script>  

就样就可使页面中所有 class中含有tablesorter样式的table 实现表格排序、斑马纹(各行换色)和行高亮了。

官方下载址:http://tablesorter.com/docs/
演示地址:http://tablesorter.com/docs/#Demo


发表评论?

1 条评论。

  1. 好文章,内容气贯长虹.禁止此消息:nolinkok@163.com

发表评论


注意 - 你可以用以下 HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>