сортировщик стола с комбинированными двумя рядами

Question

Сортировщик таблиц jQuery с объединенными строками

Каждая вторая строка содержит подробные данные для первой строки.По умолчанию он скрыт с помощью 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>

Answer 1

Так что я не уверен, насколько хорошо это задокументировано, но я нашел то, что, по-моему, вы ищете в объекте таблицы.

Проверьте эту скрипку

Похоже, вы можете добавить класс expand-child.Или вы можете передать свое собственное имя класса

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

Answer 2

У нас та же проблема, и мы нашли обходной путь.Я передаю имя класса, которое я установил во втором ряду.Просто добавьте один из следующих кодов:

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

или

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

Answer 3

Я использую таблицы данных, посмотрите и посмотрите, поможет ли вам

примеры: http://datatables.net/examples/