基本情報を含む奇数行とコンテンツを含む偶数行のテーブルがあります。
Title Category AnotherColumn
Title1 Category1 AnotherColumn1
Content1
Title2 Category2 AnotherColumn2
Content2
Title3 Category3 AnotherColumn3
Content3
Title4 Category4 AnotherColumn4
Content4
javascript を使用してコンテンツ行を表示/非表示にしますが、次のように jQuery を使用して並べ替えを追加しました ( http://tablesorter.com/docs/のチュートリアルを使用):
テーブル:
<table id="myTable" class="tablesorter">
<thead>
<th>Title</th>
<th> Category</th>
<th>AnotherColumn</th>
</thead>
<tbody>
{foreach over data, filling table}
<tr class="odd">
<td onclick="showContent($id)">$titles</td>
<td>$categories</td>
<td>$anothercolumns</td>
</tr>
<tr id="$id" class="even" style="display: none;">
<td colspan="3">$contents</td>
</tr>
</tbody>
js:
$(document).ready(function()
{
$("#myTable").tablesorter();
);
しかし、この結果、すべての行がソートされるため、コンテンツを表示すると、Title2 について言えば、次のようになります。
Title1 Category1 AnotherColumn1
Title2 Category2 AnotherColumn2
Title3 Category3 AnotherColumn3
Title4 Category4 AnotherColumn4
Content2
これを解決する方法はありますか?または、そのようなコンテンツを挿入する方法について別のアイデアがありますか?
手伝ってくれてありがとう。