HOW TO SET THE VALUE FOR CORRESPONDING VALUE IN JQUERY DATA TABLE

Total Post:104

Points:728
AJAX 
 1991  View(s)
Ratings:
Rate this:

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


 

  1. Post:604

    Points:4228
    Re: How to set the value for corresponding value in jquery data table

    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"
        }

      Modified On Mar-29-2018 10:51:37 PM

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!