tablesorter td-colspan in tbody

Question

我想用tablesorter-plugin對我的表進行排序，並由最後一個單元跨越多列的行組成。

在生成列中，有一個內部表，它包含多個單元格和隱藏行。當對第1列的表頭1響應進行排序時，表頭2對第2列的響應和表頭3響應生成列，textExtraction對生成列進行排序。但是還有更多的表頭，他們應該在內表上排序，而不是在下一列。

我在這裏做一個小例子：http://jsfiddle.net/frankmyhre/aoLgu7f9/

$('table').tablesorter({ 
    textExtraction: { 
     1: function(node){ return $(node).find('.cell1').eq(0).text(); }, 
     2: function(node){ return $(node).find('.cell2').eq(0).text(); } 
    } 
}); 

爲了簡化它，這就是我試圖獲得（來自小提琴）：

「名稱」 -eader對名稱列（列0）進行排序
「Phone」-header通過查看cell1級的第一次出現的值來對spanning-column（列1）進行排序
「Type」-header sorts跨欄（第1欄）b ÿ看着CELL2級的第一次出現的值

Answer 1

的tablesorter的叉已更新使用textExtraction功能如果所述小區設置值設置爲當所述duplicateSpan選項設置爲false空字符串代替（ docs） - 但此更改當前僅在存儲庫的主分支中提供，並且設置爲與版本2.25.8一起發佈。

所以，你可以做到這一點（demo，使用this file）：

$('table').tablesorter({ 
    debug: true, 
    duplicateSpan: false, 
    textExtraction: function(node, table, cellIndex) { 
    if (cellIndex > 0) { 
     // this works because cell1 and cell2 match the table 
     // column zero-based index 
     return $(node).find('.cell' + cellIndex).eq(0).text(); 
    } 
    return node.textContent; 
    } 
}); 

注：此方法使用textExtraction功能從第一小區1或小區2來獲取數據，所以有「家」的細胞無視「俱樂部」和「辦公室」的內容。如果您希望包括再修改函數如下（demo）：

$('table').tablesorter({ 
    duplicateSpan: false, 
    textExtraction: function(node, table, cellIndex) { 
    if (cellIndex > 0) { 
     // this works because cell1 and cell2 match the table 
     // column zero-based index 
     var txt = ''; 
     $(node).find('.cell' + cellIndex).each(function(){ 
     txt += this.textContent + ' '; 
     }); 
     return txt; 
    } 
    return node.textContent; 
    } 
}); 

注2：debug選項在演示true所以你可以看一下控制檯，看到這兩個函數的區別。