要件
rowspan と Colspan を含むテーブルを復元します。
たとえば、元のテーブルは次のとおりです:
復元されたテーブルは次のとおりです:
コード原則
td の rowspan 属性値が 1 より大きい場合、現在の td の親要素の兄弟要素に td を追加します。 td の値が 1 より大きい場合は、現在の td 要素の後に td
をコピーします。 コードは次のとおりです。 > // この記事の最初のブログ: http://artwl.cnblogs.com(2012/02/08)jQuery.fn.RevertTable=function(){ $("tr" ,this).each(function(trindex,triitem ){
$(triitem).find("td").each(function(tdindex,tditem){
var rowspanCount=$(tditem).attr( "行スパン");
var colspanCount= $(tditem).attr("colspan");
var newtd="
"値 " | ";
if(rowspanCount>1){
varparent=$(tditem).parent("tr")[0];
while(rowspanCount-->) 1){
$(親).next().prepend(newtd);
親=$(親).next();
$(tditem).attr(" ",1);
}
if(colspanCount>1){
while(colspanCount-->1){
$(tditem).after(newtd);
}
$(tditem).attr("colspan ",1);
}
});
}
http://demo.jb51.net/js /2012/jquery_demo/jquery_rowspan_colspan_table.html
概要
この記事では、rowspan と Colspan を含むテーブルを復元するための解決策の 1 つだけを提供します。どなたでもご利用いただけます。テストして議論してください。
テーブルのセルの結合については、コードはすでにオンラインで入手可能です:
元のタイトル: セル ブレークを使用した jQuery の Colspan および rowspan テーブル 元のアドレス: http://willifirulais.blogspot.com/2007/07/ jquery-table-column-break.html