Page break between table rows in html

**Zool** · 11-08-2009

I am looking for program in html language, The program contain three rows for displaying employee data and name and id. The page must break between table rows and column should display employee address.

**Zecho** · 11-08-2009

This will display employee data with two rows and 1 column:

Code:

<table border="2">
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
<tr>
<td>row 3, cell 1</td>
<td>row 3, cell 2</td>
</tr>
</table>

**Walby** · 11-08-2009

Code:

<HTML>  
<HEAD>  
           function addRow(empID) { 
  
            var tab = document.getElementById(empID);  
  
            var rowCount = tab.rows.length;  
            var row = tab.insertRow(rowCount);  
  
            var cell1 = row.insertCell(0);  
            var element1 = document.createElement("input");  
            element1.type = "checkbox";  
            cell1.appendChild(element1);  
  
            var cell2 = row.insertCell(1);  
            cell2.innerHTML = rowCount + 1;  
  
            var cell3 = row.insertCell(2);  
            var element2 = document.createElement("input");  
            element2.type = "text";  
            cell3.appendChild(element2);  
  
        }  
  
        function deleteRow(empID) {  
            try {  
            var table = document.getElementById(empID);  
            var rowCount = table.rows.length;  
  
            for(var i=0; i<rowCount; i++) {  
                var row = table.rows[i];  
                var chkbox = row.cells[0].childNodes[0];  
                if(null != chkbox &amp;&amp; true == chkbox.checked) {  
                    table.deleteRow(i);  
                    rowCount--;  
                    i--;  
                }  
  
            }  
            }catch(e) {  
                alert(e);  
            }  
        }  
  
    </SCRIPT>  
</HEAD>  
<BODY>  
  
    <INPUT type="button" value="Add Row" onclick="addRow('dataTable')" />  
  
    <INPUT type="button" value="Delete Row" onclick="deleteRow('dataTable')" />  
  
    <TABLE id="dataTable" width="350px" border="1">  
        <TR>  
            <TD><INPUT type="checkbox" name="chk"/></TD>  
            <TD> 1 </TD>  
            <TD> <INPUT type="text" /> </TD>  
        </TR>  
    </TABLE>  
  
</BODY>  
</HTML>

Source : viralpatel.net