的jQuery的tablesorter，固定/靜態邊界

Question

我的jQuery的tablesorter（http://mottie.github.com/tablesorter/）的忠實粉絲，但有一個功能，我似乎無法找到，也沒有其他人似乎已經發布了。 什麼我需要的是有固定的某些行邊界。例如，我有8行的表，我需要一個固定邊框底部：在行＃4 1px的固體＃000和上行＃6紅色一個，而不管內容&排序，這些邊界需要固定。無論如何要實現這一目標？

任何想法，支持表示高度讚賞。

感謝

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; 
}