1 out of 1 rated this helpful - Rate this topic

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.

HTML 4.01 Specification, Section 11.2.6

Syntax

HTML<element rowspan="p" ... >
JavaScript

p = object.rowSpan

Property values

Type: Integer

the number of spanned rows.

Standards information

Remarks

This property can be changed only after the document has been loaded.

 

 

Build date: 3/8/2012

Did you find this helpful?
(1500 characters remaining)
Community Content Add
Annotations FAQ
Rendering rowspans

<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>