'headers' Example : Table Head « Table « JavaScript DHTML






  1. JavaScript DHTML
  2. Table
  3. Table Head

'headers' Example

    
<html>
<body>
<script>
function function1() {
    document.getElementById("td1").headers = "hdr1";
    document.getElementById("td2").headers = "hdr2";
    document.getElementById("td3").headers = "hdr3"; 
} 
</script>
<table width="450" border="3" cellspacing="5" cellpadding="10" bordercolor="#FF0000">
<tr>
    <th id="hdr1">Item Number</th>
    <th id="hdr2">Item Name</th>
    <th id="hdr3">Item Description</th>
</tr>
<tr>
    <td id="td1">28030</td>
    <td id="td2">CD-ROM</td>
    <td id="td3">Tutorial</td>
</tr>
</table>
<input type="Button" id="b1" value='Turn Headers "on"' onClick="function1();">
</body>
</html>








Related examples in the same category

1.Header scope
2.'tHead' Example
3.Create Table Head
4.Delete Table Head Example