作者fr730149 ()
看板Ajax
標題Re: [問題] JQuery合併td
時間Thu Sep 22 14:29:35 2011
※ 引述《fr730149 ()》之銘言:
: 請問以下案例要如何寫:
: 我想把多個欄位,底下相同的值做合併(rwospan)
: 如:
: 將下表
: ------------------------------------
: Column_A Column_B Column_C Column_D
: X1 X11 X12 X13
: X1 X21 X22 X13
: X31 X32 X33 X34
: --------------------------------------
: 轉成底下
: ------------------------------------
: Column_A Column_B Column_C Column_D
: X1 X11 X12 X13
: X21 X22
: X31 X32 X33 X34
: ------------------------------------
在下以小貓大的教學為基底
http://www.dotblogs.com.tw/topcat/archive/2009/11/24/12139.aspx
以迴圈將同一個Column下的td設成相同的dt值(不同Column下td的dt值皆不同)
然後在呼叫小貓大寫的rowspan()
$('table tr').each(function () {
var leng = $(this).children().length;
for (var i = 0; i < leng; i++) {
$(this).children().eq(i).attr("dt", i);
$('td[dt= "' + i + '" ]').rowspan();
}
});
但table有設border時
經rowspan的Column,其最下方的框線不見…(使用firefox時)
目前尚在突破
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.125.235.184
※ 編輯: fr730149 來自: 140.125.235.184 (09/22 15:26)
※ 編輯: fr730149 來自: 140.125.235.184 (09/22 16:23)
→ tyf99:把table內容全抓出來,用個多維陣列的變數去存。 09/22 16:45
→ tyf99:合併完後,再從變數去產生一個新的 table 09/22 16:45
→ fr730149:不太懂你的意思,可以說詳細一點嗎? 09/22 16:50
→ tyf99:tbl={ A:{x1, x1, x31}, B:{x11, x21, x32}, .... } 09/22 18:32
→ tyf99:合併後: tbl={ A:{[x1,2], x31}, B:{x11, x21, x32}, .... } 09/22 18:34
→ tyf99:[x1,2] 表示 value=x1, rowspan=2 09/22 18:35
→ tyf99:再迴圈跑一下 tbl,輸出 <table> 09/22 18:36
→ mesak:重產生TABLE 也不錯啊 XD 09/22 20:01