일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- oracle
- GPS
- JSON
- Spring
- 선택적조인
- tomcat
- jQuery
- appspresso
- JDOM
- MySQL
- PLSQL
- Google Map
- ibsheet
- rowspan
- dock
- phonegap
- iBATIS
- Ajax
- Android
- Eclipse
- node.js
- 전자정부프레임워크
- WebLogic
- swingx
- sencha touch
- 가우스
- PHP
- MFC
- Struts
- jsr 296
Archives
- Today
- Total
Where The Streets Have No Name
jQuery colspan and rowspan table using cell break 본문
$("#table").rowspan(0);
$("#table").rowspan(1);
$("#table").rowspan(2);
$('table tbody tr:visible').each(function(row) {
$('#table1').colspan(row);
})
jQuery.fn.rowspan = function(colIdx) {
return this.each(function(){
var that;
$('tr', this).each(function(row) {
$('th:eq('+colIdx+')', this).filter(':visible').each(function(col) {
if ($(this).html() == $(that).html()) {
rowspan = $(that).attr("rowSpan");
if (rowspan == undefined) {
$(that).attr("rowSpan",1);
rowspan = $(that).attr("rowSpan");
}
rowspan = Number(rowspan)+1;
$(that).attr("rowSpan",rowspan); // do your action for the colspan cell here
$(this).hide(); // .remove(); // do your action for the old cell here
} else {
that = this;
}
that = (that == null) ? this : that; // set the that if not already set
});
});
});
}
jQuery.fn.colspan = function(rowIdx) {
return this.each(function(){
var that;
$('tr', this).filter(":eq("+rowIdx+")").each(function(row) {
$(this).find('th').filter(':visible').each(function(col) {
if ($(this).html() == $(that).html()) {
colspan = $(that).attr("colSpan");
if (colspan == undefined) {
$(that).attr("colSpan",1);
colspan = $(that).attr("colSpan");
}
colspan = Number(colspan)+1;
$(that).attr("colSpan",colspan);
$(this).hide(); // .remove();
} else {
that = this;
}
that = (that == null) ? this : that; // set the that if not already set
});
});
});
}
출처 : http://willifirulais.blogspot.com/2007/07/jquery-table-column-break.html