jQuery表格排序，固定/静态边框
jQuery表格排序，固定/静态边框
提问于 2012-01-30 18:18:25
我是jQuery Tablesorter (http://mottie.github.com/tablesorter/)的铁杆粉丝，但有一个功能我似乎找不到，其他人也没有发布过。我需要的是在某些行上有固定的边界。例如，我有一个有8行的表格，我需要一个固定的边框-底部: 1px solid #000在第4行，一个红色的在第6行，无论内容和排序如何，这些边框都需要固定。无论如何，要实现这一点吗？
任何想法，支持是非常感谢的。
谢谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-01-30 18:29:11
您可以使用sortStart和sortEnd事件。有关文档，请参见http://mottie.github.com/tablesorter/docs/index.html#events。
删除负责sortStart上的边框的css类，然后将它们添加回sortEnd。您还必须在表初始化时添加它们一次：
var $table = $('#the-table');
$table.tablesorter();
var set_classes = function() {
$table.find('tbody tr:eq(3)').addClass('black-border');
$table.find('tbody tr:eq(5)').addClass('red-border');
}
var clear_classes = function() {
$table.find('tbody tr:eq(3)').removeClass('black-border');
$table.find('tbody tr:eq(5)').removeClass('red-border');
}
set_classes();
$table.bind('sortStart', clear_classes).bind('sortEnd', set_classes);为了完整起见，下面是您的css类的外观：
.black-border {
border-bottom: 1px solid #000;
}
.red-border {
border-bottom: 1px solid #F00;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9062332
复制相关文章
相似问题
腾讯云开发者
