rowspan attribute | rowSpan property
[This documentation is preliminary and is subject to change.]
Sets or retrieves how many rows in a table the cell should span.
 |
Syntax
| HTML | <element rowspan="p" ... > |
|---|---|
| JavaScript | |
Property values
Type: Integer
the number of spanned rows.
Standards information
- Document Object Model (DOM) Level 1 Specification, Section 2.5.5
- HTML 4.01 Specification, Section 11.2.6
Remarks
This property can be changed only after the document has been loaded.
Build date: 3/8/2012
<HTML>
<HEAD>
<TITLE> Merge Table Column</TITLE>
<SCRIPT language="javascript">
<!--
/**
* HTML Table Col Merge ( tObj:TABLE ID, col:Index(0,1,2, ~, N)
*/
function mergeCol(tObj, col) {
var maxRow = tObj.rows.length;
var compareData = tObj.rows[0].cells[col].innerText;
var currentData = "";
var mergeCount = 1;
for (var i=1; i<maxRow; i++) {
currentData = tObj.rows[i].cells[col].innerText;
if (currentData == compareData) {
mergeCount++;
}
else {
merge(tObj, col, i-mergeCount, mergeCount);
compareData = currentData;
mergeCount=1;
}
}
merge(tObj, col, maxRow-mergeCount, mergeCount);
}
function merge(tObj, col, start, len) {
if (1<len) {
tObj.rows[start].cells[col].rowSpan = len;
for (var j=start+1; j<start+len; j++) {
tObj.rows[j].deleteCell(col);
}
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<TABLE id="table1" border="1">
<TR>
<TD>2004</TD>
<TD>1</TD>
<TD>123,000</TD>
</TR>
<TR>
<TD>2005</TD>
<TD>2</TD>
<TD>123,000</TD>
</TR>
<TR>
<TD>2005</TD>
<TD>3</TD>
<TD>456,000</TD>
</TR>
<TR>
<TD>2006</TD>
<TD>4</TD>
<TD>123,000</TD>
</TR>
<TR>
<TD>2006</TD>
<TD>5</TD>
<TD>456,000</TD>
</TR>
<TR>
<TD>2006</TD>
<TD>6</TD>
<TD>789,000</TD>
</TR>
<TR>
<TD>2007</TD>
<TD>7</TD>
<TD>789,000</TD>
</TR>
<TR>
<TD>2008</TD>
<TD>8</TD>
<TD>123,000</TD>
</TR>
<TR>
<TD>2008</TD>
<TD>9</TD>
<TD>456,000</TD>
</TR>
<TR>
<TD>2009</TD>
<TD>A</TD>
<TD>456,000</TD>
</TR>
</TABLE>
<INPUT TYPE="button" VALUE="MERGE" ONCLICK="mergeCol(document.getElementById('table1'), 0)">
</BODY>
</HTML>
