<script type="text/javascript">
var max_row_num=10; //row max값
var cur_row_num=1; //현재 row 갯수
var max_col_num=10; //col max값
var cur_col_num=2; //현재 col 갯수
function ftnRowAdd(tname) {
if (max_row_num <= cur_row_num){
alert("최대갯수(" + max_row_num + ") 초과!!");
return false;
} else {
var objTbl = document.getElementById(tname);
var objRow = objTbl.insertRow(objTbl.rows.length); //rows add
var objCell;
var cell_no = 0;
cur_row_num += 1;
for(var i=1 ; i<=objTbl.rows[0].cells.length ; i++) {
objCell = objRow.insertCell(cell_no); //cells add
objCell.innerHTML += "<div>" + cur_row_num + "-" + i + "</div>";
//cell style 셋팅
objCell.width = "40";
objCell.height= "15";
objCell.align = "center";
objCell.valign= "middle";
cell_no ++;
}
}
}
function ftnCellAdd(tname) {
var objTbl = document.getElementById(tname);
var objCell;
var cell_no = cur_col_num;
if (max_col_num <= cur_col_num){
alert("최개갯수(" + max_col_num + ") 초과!!");
return false;
} else {
cur_col_num += 1;
for(var i=1 ; i<=objTbl.rows.length ; i++) {
objCell = objTbl.rows[i-1].insertCell(cell_no);
objCell.innerHTML += "<div>" + i + "-" + cur_col_num + "</div>"
objCell.width = "40";
objCell.height= "15";
objCell.align = "center";
objCell.valign= "middle";
}
}
}
function ftnRowDel(tname) {
var objTbl = document.getElementById(tname);
if (cur_row_num < 2){
alert("1개 이상은 존재해야함!!");
} else {
objTbl.deleteRow(cur_row_num-1);
cur_row_num --;
}
}
function ftnCellDel(tname) {
var objTbl = document.getElementById(tname);
var objCell, objRow;
if (cur_col_num < 2){
alert("1개 이상은 존재해야함!!");
return false;
} else {
for(var i=1 ; i<=objTbl.rows.length ; i++) {
objRow = objTbl.rows[i-1];
objCell = objRow.cells[cur_col_num-1];
objRow.removeChild(objCell);
}
cur_col_num --;
}
}
</script>
</head>
<input type=button name=btnAddRow value="+행추가" onclick="ftnRowAdd('ctable');" />
<input type=button name=btnAddCol value="+열추가" onclick="ftnCellAdd('ctable');" />
<input type=button name=btnDelRow value="-행삭제" onclick="ftnRowDel('ctable');" />
<input type=button name=btnDelCol value="-열삭제" onclick="ftnCellDel('ctable');" />
<table border="1" id="ctable">
<tr>
<td width="40" height="15" align="center"><div>1-1</div></td>
<td width="40" height="15" align="center"><div>1-2</div></td>
</tr>
</table>