> 웹 프론트엔드 > JS 튜토리얼 > table_javascript 팁에서 동일한 내용이 있는 셀을 병합하는 Javascript의 예

table_javascript 팁에서 동일한 내용이 있는 셀을 병합하는 Javascript의 예

WBOY
풀어 주다: 2016-05-16 17:25:58
원래의
1479명이 탐색했습니다.

렌더링:
table_javascript 팁에서 동일한 내용이 있는 셀을 병합하는 Javascript의 예
HTML 코드:

코드 복사 코드는 다음과 같습니다.





表格相同内容合并


合并前:









































































a 1 2 3 4 5
a 1 2 3 4 6
a 2 3 3 4
b 3 4 6 7
b 3 5 6 7
cc 2 3 4 5
cc 2 3 5 5
d 1 2 3 4
e 1 2 3 4


合并后:














































































JS:
复代码 代码如下:

< ;스크립트 유형="텍스트/자바스크립트">
function mc(tableId, startRow, endRow, col) {
var tb = document.getElementById(tableId);
if (col >= tb.rows[0].cells.length) {
return;
}
if (col == 0) { endRow = tb.rows.length-1; }
for (var i = startRow; i < endRow; i ) {
if (tb.rows[startRow].cells[col].innerHTML == tb.rows[i 1].cells[0 ].innerHTML) {
tb.rows[i 1].removeChild(tb.rows[i 1].cells[0]);
tb.rows[startRow].cells[col].rowSpan = (tb.rows[startRow].cells[col].rowSpan | 0) 1;
if (i == endRow - 1 && startRow != endRow) {
mc(tableId, startRow, endRow, col 1);
}
} else {
mc(tableId, startRow, i 0, col 1);
startRow = i 1;
}
}
}
mc('table1',0,0,0);

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
a 1 2 3 4 5
a 1 2 3 4 6
a 2 3 3 4
b 3 4 6 7
b 3 5 6 7
cc 2 3 4 5
cc 2 3 5 5
d 1 2 3 4
e 1 2 3 4