javascript로 동적 rowspan, colspan
1. rowspan
<script language="javascript">
function tableRowSpanning(Table, spanning_row_index) {
var RowspanTd = false;
var RowspanText = false;
var RowspanCount = 0;
var Rows = $('tr', Table);
$.each(Rows, function () {
var This = $('td', this)[spanning_row_index];
var text = $(This).text();
if (RowspanTd == false) {
RowspanTd = This;
RowspanText = text;
RowspanCount = 1;
}
else if (RowspanText != text) {
$(RowspanTd).attr('rowSpan', RowspanCount);
RowspanTd = This;
RowspanText = text;
RowspanCount = 1;
}
else {
$(This).remove();
RowspanCount++;
}
});
// 반복 종료 후 마지막 rowspan 적용
$(RowspanTd).attr('rowSpan', RowspanCount);
}
$(document).ready(function () {
tableRowSpanning("#timetbody", 1);
tableRowSpanning("#timetbody", 0);
});
function chkForm() {
if (document.srchForm.txtSearch.value == "") {
alert('검색어를 입력해 주세요.');
document.srchForm.txtSearch.focus();
return false;
}
return true;
}
</script>
2. colspan
<script type="text/javascript">
var jv = jQuery.noConflict();
jv.noConflict();
function trColSpanning(objTr) {
var Cols = jv('th', objTr);
var RowspanTd = false;
var RowspanText = false;
var RowspanCount = 0;
jv.each(Cols, function () {
var text = jv(this).text();
if (RowspanText == false) {
RowspanTd = jv(this);
RowspanText = text;
RowspanCount = 1;
}
else if (RowspanText != text) {
jv(RowspanTd).attr('colSpan', RowspanCount);
RowspanTd = jv(this);
RowspanText = text;
RowspanCount = 1;
}
else {
RowspanCount++;
jv(this).remove();
}
});
// 반복 종료 후 마지막 rowspan 적용
jv(RowspanTd).attr('colSpan', RowspanCount);
}
jv(document).ready(function () {
trColSpanning("#tr_head");
});
</script>
