Question

我是jQuery Tablesorter（http://mottie.github.com/tablesorter/）的忠实粉丝，但有一个我似乎无法找到的功能，也没有其他人似乎发布过它。我需要的是在某些行上固定边框。例如，我有一个8行的表格，我需要一个固定的边框底部：第4行的1px实心＃000和第6行的红色＃，无论内容和＆amp;排序，这些边界需要修复。无论如何要做到这一点？

任何想法，支持都受到高度赞赏。

由于

Answer 1

您可以使用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;
}

jQuery Tablesorter，固定/静态边框

1 个答案: