-
Can we create a dynamic html table on visualforce page?
Can we create a dynamic html table on visualforce page in which i can add the rows dynamically on the click of a button.
-
1 Reply
-
Hi Ajit,
Yes you can create that. Below this the small snippet.
<HTML>
<HEAD>
<TITLE> Add/Remove dynamic rows in HTML table </TITLE>
<SCRIPT language="javascript">
function addRow(tableID) {var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);var cell1 = row.insertCell(0);
var element1 = document.createElement("input");
element1.type = "checkbox";
element1.name="chkbox[]";
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";
element2.name = "txtbox[]";
cell3.appendChild(element2);}
function deleteRow(tableID) {
try {
var table = document.getElementById(tableID);
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 && 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>
Log In to reply.
Popular Salesforce Blogs
What are the Benefits of Implementing Salesforce in Healthcare?
Every industry needs to evolve with time and the same goes with the healthcare industry as well. We are currently living in a digital age…
Four Most Unused Salesforce Features That You Need To Start Using
Salesforce is a marvelous CRM. When actualized and received, it can have extraordinary outcomes for your business. In any case, would you say you are…
Improve Your Salesforce Data Collection - 5 Simple Ways
1. Associate with Data Everywhere Salesforce fabricated the cloud. What's more, the cloud is an incredible spot to get to and dissect information. Be that…
Popular Salesforce Videos
Top 6 Products by Salesforce Marketing Cloud
Salesforce is largely regarded as the most influential Salesforce automation and cloud CRM vendor, having popularized the SaaS model and, in the process, disrupted the…
9 Stages of Identity & Access Management Lifecycle | Salesforce Tutorial
Grow your architect skills and expertise in the area of Identity and Access Management. This video explains the 9 stages of Identity & Access Management…
Knowledge Base in Salesforce Lightning
By end of this video, we will be able to 1. Understand what is knowledge base. 2. Why we need to use Knowledge base 3.…
