What is the better way to add new row in a table in mvc4?

Question

How can I add new row after clicking Addrow button. Is this possible to add new row with jquery?

<td>
      <input type="button" id="btnnew" value="AddRow" />
      </td>

Yes, it's possible. Where do you want to add it to? What should it contain? Does it need data that's loaded from your server? — Anthony Grist, Feb 25 '14 at 10:25
Strange this question got one upvote.....why upvoted this question???? — Jai, Feb 25 '14 at 10:25
http://stackoverflow.com/questions/171027/add-table-row-in-jquery?rq=1 — Klors, Feb 25 '14 at 10:25

score 0 · Answer 1 · answered Feb 25 '14 at 10:25

0

Yo have to call this jquery on the client click event of the button and add new row in table using jQuery:

$("#btnnew").click(function (){
    $('#myTable > tbody:last').append('<tr>...</tr><tr>...</tr>');
}

answered Feb 25 '14 at 10:25

Bhupendra Shukla

You can't really tell if this would work from the example given – Klors Feb 25 '14 at 10:26

score 0 · Answer 2 · answered Feb 25 '14 at 10:26

0

Create a new TR and add it to table based on table id

$(document).ready(function(){
$("#btnnew").bind("click",function(){
var tr=$("<tr>");
$("table tbody").append(tr);
});

});

answered Feb 25 '14 at 10:26

score 0 · Accepted Answer · answered Feb 25 '14 at 10:28

0

Create new row and append it to the parent table

$("#btnnew").click(function (){
        $(this).parents("table").append("<tr><td>test</td></tr>");
    });

answered Feb 25 '14 at 10:28

Sarath

3 Answers3