Hi MindStickians!
I create the mvc format data table. But when loading the scriopt its does not match the table data and does not bind in my table row. My code is given
below.
$.ajax({
// my passing value
success: function (data) { // i get the data properly
$('#Table').dataTable().fnClearTable();
$.each(data, function (k, v) {
var ID= v.ID;
var name= v.name;
var batch= v.batch;
$('#Table').dataTable().fnAddData([
ID,
name,
batch
]);
});
}
});
my table:
<table id="Table" width="100%">
<thead>
<tr>
<th>EMP_ID</th>
<th>EMP_name</th>
<th>EMP_batch</th>
</tr>
</thead>
<tbody></tbody>
</table>
Thanks in advance
Hi Marcel!
The key to you problem is the response of your AJAX request. Make sure that it's a proper JSON object composed of an array of objects.
Like this:
{"ID": 101,
"name": "Samual",
"batch": "A"
},
{
"ID": 102,
"name": "Denial",
"batch": "B"
}