2011-11-05 8 views
0

私はそのようなテーブルを持っている:Javascriptをソート非線形テーブル

<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> 

は-sort-ME-の値に基づいてテーブルをソートするためにはJQueryのtablesorterまたは他のスクリプトを使用することが何とか可能です// == = SORT.VALUE ================================================================================================== SORT.VALUE === // === SORT.VALUE ===そして、壊れている)それは2番目の:: colspan = 5のデータのため、テーブルを非一様または非標準にするか、またはその正確なフレーズを知らないので、私はあなたが何を言おうとしているのを得ることを望みます。

問題の非常に有益な説明は残念ですが、あなたがすでに推測したように、私の母国語ではないので、もっと複雑なことを説明する必要があります。

ありがとう、ご協力いただきありがとうございます。

+0

それぞれのcolspan 5アイテムは、ソートする必要がある別のグループを作成しますか?また、HTML内のテーブルの変更方法は? –

+0

多分[この回答](http://stackoverflow.com/questions/7148436/tablesorter-subgroup-sorting/7149515#7149515)が役立ちます。 – Mottie

+0

同様の方法でデータを表示する限り、表を変更することができます。colspan = 5 は、長いテキストを含む行と同じ行には行かないので、別の行に入れて隠し値id_12/22からその方法でソートしてみてください。私は誰かが過去にこのような問題を抱えていて、それに対処する方法を知っていることを期待していました。この例では10倍のファジーです。私はアイデアや変更が可能です。 10倍の男。 –

答えて

0

親行と一緒にソートされる子行を追加しようとしていますか?

もしそうなら、私はthis demoを見つけました。これは実際にはtablesorter plugin v2.0.5の一部ですが、文書化されていません。したがって、使用するHTMLとコードをコピーするだけで、modをダウンロードする必要はありません。

私は私が作ったブログの記事でmissing documentationを追加しました、あなたが興味を持っている場合、私は、別のchild row demoをフォークとgithubにプラグイン自体を変更して作りました。

+0

ありがとうFudgey、これは完全に動作します。多くの、多くの感謝とあなたのブログはクールなものでいっぱいです。 10億こんにちは! –