-
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
7 Steps In an Ideal Salesforce Change Management Process
A change management plan in Salesforce involves a specific set of actions to ensure a smooth transition between an organization’s goals, processes, and technologies while…
How Does Salesforce Help in Customer Retention?
The process of acquiring customers is referred to as customer acquisition. Most organizations believe that growing revenue quickly is best achieved by attracting new customers.…
Navigate your Career in Salesforce | Salesforce Guidance
How to start a career in Salesforce as a fresher or how to switch in Salesforce from any technology or domain? Salesforce is a Saas-based…
Popular Salesforce Videos
Pass Record Id into Flow from Record | Salesforce Tutorial
Passing record ids is a technique that every flow master needs to know to use flows to their full potential. In this video, we go…
5 Steps to Faster Case Resolution | Salesforce Support
When it comes to filling out a Salesforce case from, the description field and attached files are key to fast routing and resolution. Here are…
Why flow with Salesforce Flow?
Earlier when you required a custom feature in your Salesforce installation to support your business process, the only available options were to create a brand…
