jQuery Tablesorter, фиксированные / статические границы

Question

Я большой поклонник jQuery Tablesorter (http://mottie.github.com/tablesorter/), но есть одна функция, которую я не могу найти, и, похоже, никто другой не писал об этом. Что мне нужно, это иметь фиксированные границы в определенных строках. Например, у меня есть таблица с 8 строками, мне нужно фиксированное border-bottom: 1px solid # 000 в строке # 4 и красное в строке # 6, независимо от содержимого и сортировки, эти границы необходимо исправить. В любом случае, чтобы достичь этого?

Любые идеи, поддержка высоко ценится.

Спасибо

Answer 1

Вы можете использовать события sortStart и sortEnd. См. http://mottie.github.com/tablesorter/docs/index.html#events для документов.

Удалите классы css, отвечающие за границы на sortStart, а затем добавьте их обратно на 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;
}