Skip to content Skip to sidebar Skip to footer

Append Row To Table Using Jquery Ajax Post

I'm trying to append rows to a table dynamically in my asp.net MVC 5 application. this is the table: <

Solution 1:

In the response, try moving the input before the <tr> tag into the first td. See below.

I tried it using the response you provided and it failed to render correctly, but when I removed the initial input it worked fine.

<tr><td><inputtype="hidden"name="costrow.index"autocomplete="off"value="a8a41a6a-f42c-48ae-9afb-eb61f734f65e" /><inputclass="form-control text-left"id="costrow_a8a41a6a-f42c-48ae-9afb-eb61f734f65e__Description"maxlength="50"name="costrow[a8a41a6a-f42c-48ae-9afb-eb61f734f65e].Description"type="text"value="" /></td><td><inputclass="form-control text-center auto"data-v-max="9999999999999"data-v-min="0"id="costrow_a8a41a6a-f42c-48ae-9afb-eb61f734f65e__Quantity"maxlength="15"name="costrow[a8a41a6a-f42c-48ae-9afb-eb61f734f65e].Quantity"placeholder="0"type="text"value="" /></td><td><inputclass="form-control text-right auto"id="costrow_a8a41a6a-f42c-48ae-9afb-eb61f734f65e__Rate"maxlength="15"name="costrow[a8a41a6a-f42c-48ae-9afb-eb61f734f65e].Rate"placeholder="0"type="text"value="" /></td><td><inputclass="form-control text-right auto"id="costrow_a8a41a6a-f42c-48ae-9afb-eb61f734f65e__Amount"maxlength="15"name="costrow[a8a41a6a-f42c-48ae-9afb-eb61f734f65e].Amount"placeholder="0"type="text"value="" /></td><tdclass="text-center"><buttonclass="btn icon-only"type="button"><iclass="fa fa-trash-o"></i></button></td></tr>

Post a Comment for "Append Row To Table Using Jquery Ajax Post"