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