合併兩行的表分類器

每隔一行包含第一行的詳細數據。默認情況下，它是用CSS隱藏的，但我可以用jQuery將它滑動打開。

我想什麼來實現：表排序類似這樣的jQuery插件：http://tablesorter.com/docs/

問題：插件應該「粘合起來」都對行，並把它們一起移動。排序只能使用第一行（.row-vm）的數據，而忽略第二行（.row-details）的內容。

有沒有支持這個jQuery插件？

<tr class="row-vm"> 
    <td>...</td> 
    <td>...</td> 
... 
</tr> 
<tr class="row-details"> 
    <td colspan="6"> 
     Description data 
    </td> 
</tr> 
<tr class="row-vm"> 
    <td>...</td> 
    <td>...</td> 
... 
</tr> 
<tr class="row-details"> 
    <td colspan="6"> 
     Description data 
    </td> 
</tr>

來源

2011-09-29 Sathish

我使用的數據表，看一看，看看是否可以幫助你

例子：http://datatables.net/examples/

來源

2011-09-29 18:51:54

，所以我不知道如何有據可查的，這是，但我發現我想你正在尋找表格對象。

退房this fiddle

看起來你可以添加expand-child類。或者你可以在自己的類名

$("table").tablesorter({ 
    cssChildRow: "row-details" 
});

來源

2011-09-29 19:03:47

這應該是正確的答案，小提琴http://jsfiddle.net/q7VL3/真的回答了這個問題 –

Mottie的的tablesorter更新從'expand-child'到'tablesorter-childRow'的默認類 – projeqht

通過我們有同樣的問題，發現一個解決方法。我傳遞了我在第二行設置的類名。只需添加以下代碼之一：

$(document).ready(function() 
    { 
     $("tableName/ID/classname").tablesorter({ 
      cssChildRow: "tableName/ID/classname" 
     }); 
    } 
);

或

$("tableName/ID/classname").tablesorter({ 
    cssChildRow: "tableName/ID/classname" 
});

來源

2016-08-26 08:31:33

合併兩行的表分類器

回答

相關問題