2006-09-04
Insert New Row To Table
var obj=document.getElementById("tableId");
var row=obj.insertRow(obj.rows.length);
var cell0=row.insertCell(0);
cell0.innerHTML="2006-04-09";
var cell1=row.insertCell(1);
cell1.innerHTML="China Holiday";
scrollable table
scrollable table
<div style="overflow:auto;width:200px;height:100px">
<table>
<tr style="position:relative;top:expression(this.offsetParent.scrollTop);background-color:white">
<th>Date</th>
<th>Holiday Type</th>
</tr>
<tr>
<td>2006-10-01</td>
<td>HK Holiday</td>
</tr>
</table>
</div>
<div style="overflow:auto;width:200px;height:100px">
<table>
<tr style="position:relative;top:expression(this.offsetParent.scrollTop);background-color:white">
<th>Date</th>
<th>Holiday Type</th>
</tr>
<tr>
<td>2006-10-01</td>
<td>HK Holiday</td>
</tr>
</table>
</div>