How can make empty in each column while adding new rows in a table

Polachan Paily 226

I have a table with the column customer name, Address, Salary etc. But when I add the new row in the table using button btnUpdate , the previous row column value would be placed in the corresponding column of the new row . How can I make it empty column in the new row while adding it . Here is the code attached

124711-codesample.txt

AgaveJoe 27,696 Reputation points

2021-08-19T11:53:45.377+00:00

You code specifically clones the first row which is not good a design approach because the code creates invalid markup. Simply take the time and care to design and write a JavaScript application that adds a new HTML table row. the code is not that complicated.

You've written this type of code in your other threads so it is not clear why you are struggling now.

Tiny Wang-MSFT 2,321 Microsoft Vendor

Hi @Polachan Paily , how about appending html content directly? Like code below:

var html = "<tr>"+  
				            "<td><input class='form-control datepicker w-100' name='StudentName' type='text' value='' /></td>"+  
				            "<td><input class='form-control datepicker w-100' name='Address' type='text' value='' /></td>"+  
				            "<td><input class='form-control  w-100' name='Salary' type='number' value='' /></td>"+  
				            "</tr>";  
				$("tbody").append(html);

Polachan Paily 226 Reputation points

2021-08-20T08:21:08.547+00:00

II have given as you said as given below, not working

function AddNew() {
var newRow = $("#tblEntry tbody tr").first().clone();
/var row = $("tbody").append(newRow);/
$("tbody").append(html);
netHrs.val("");
}
Tiny Wang-MSFT 2,321 Reputation points Microsoft Vendor

2021-08-20T08:43:02.067+00:00

Hi @Polachan Paily , the attachment is my newly created asp.net core 3.1 mvc project -- home index.cshtml file, and it really work in my side but I'm not sure if I misunderstood in some place. This is my test result124897-testcode.txt

1 answer

Rasha Mohamed Ameen 6 Reputation points

2021-08-20T13:03:07.62+00:00

the first row which is not good a design approach because the code creates invalid markup. Simply take the time and care to design and write a JavaScript application that adds a new HTML table row. the code is not that complicated
Please sign in to rate this answer.

0 comments No comments
Sign in to comment

Share via

How can make empty in each column while adding new rows in a table

1 answer