作者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)
1F：→ tyf99:把table内容全抓出来，用个多维阵列的变数去存。 09/22 16:45
2F：→ tyf99:合并完後，再从变数去产生一个新的 table 09/22 16:45
3F：→ fr730149:不太懂你的意思，可以说详细一点吗？ 09/22 16:50
4F：→ tyf99:tbl={ A:{x1, x1, x31}, B:{x11, x21, x32}, .... } 09/22 18:32
5F：→ tyf99:合并後: tbl={ A:{[x1,2], x31}, B:{x11, x21, x32}, .... } 09/22 18:34
6F：→ tyf99:[x1,2] 表示 value=x1, rowspan=2 09/22 18:35
7F：→ tyf99:再回圈跑一下 tbl，输出 <table> 09/22 18:36
8F：→ mesak:重产生TABLE 也不错啊 XD 09/22 20:01