Javascript сортировать нелинейные таблицы - PullRequest
Новая
       4

Javascript сортировать нелинейные таблицы

0 голосов
/ 05 ноября 2011

У меня есть такая таблица: 

<table id="table_id" class="tablesorter">
<thead>
<tr class="trheader">
<th colspan="2">111</th>
<th>-SORT-ME-</th>
<th>222</th>
<th>333</th>
</tr>
</thead>

<tbody>
<tr>
<td id="id_1"><img src=""></td>
<td id="id_11">11</td>
<td id="id_12">===SORT.VALUE===</td>
<td id="id_13">13</td>
<td id="id_14"><a href="#" class="send_data"><img src=""></a></td>
</tr>
<tr>
<td id="id_t1" colspan="5" onclick="some_func">
<label for="id_i1">_lbl_</label>
<img id="image_1" src=""></img>
<div id="id_i1">
</div>
</td>
</tr>

<tr>
<td id="id_2"><img src=""></td>
<td id="id_21">21</td>
<td id="id_22">===SORT.VALUE===</td>
<td id="id_23"></td>
<td id="id_ordbtn_2"><a href="#"><img src=""></a></td>
</tr>
<tr>
<td id="id_t2" colspan="5" onclick="some_func">
<label for="id_i2">_label2_</label>
<img id="image_2" src="">
<div id="id_i2">
</div>
</td>
</tr>
... more of the same...
</tbody>
</table>

Можно ли каким-то образом использовать JQuery tableorter или другой скрипт для сортировки таблицы по значениям в -SORT-ME- // === SORT.VALUE === // === SORT.VALUE === и чтобы таблица отображалась правильно, так как я пытался использовать TableSort (Er), и он испортил ее (начало делать переключение строк ... отображает таблицу не работает) Это из-за данных second :: colspan = 5, что делает таблицу не единый или нестандартный, или я не знаю точную фразу для этого, я надеюсь, вы понимаете, что я пытаюсь сказать.

Извините за не очень информативное описание проблемы, но, как вы уже догадались, английский не мой родной язык, и я борюсь, когда мне нужно объяснить более сложные вещи.

Спасибо, ребята, ваша помощь очень ценится.

1 Ответ

0 голосов
/ 06 ноября 2011

Вы пытаетесь добавить дочернюю строку, которая сортируется вместе с родительской строкой?

Если это так, я обнаружил это демо при выполнении именно этого.На самом деле это часть плагина tablesorter v2.0.5, но это не задокументировано.Таким образом, вы можете просто скопировать HTML и код, который они используют, но вам не нужно загружать мод.

Я добавил недостающую документацию в пост, который я сделал, иЯ разбудил и изменил сам плагин на github и сделал еще одну дочернюю строку демо , если вам интересно.

...