일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- phonegap
- rowspan
- PHP
- jsr 296
- tomcat
- Spring
- 가우스
- PLSQL
- WebLogic
- appspresso
- swingx
- MySQL
- dock
- MFC
- 전자정부프레임워크
- sencha touch
- Eclipse
- GPS
- Ajax
- Google Map
- ibsheet
- jQuery
- Android
- Struts
- 선택적조인
- JDOM
- node.js
- JSON
- iBATIS
- oracle
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