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

marcel ethan

Total Post:105

Points:735
Posted by  marcel ethan
AJAX 
 1680  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. AVADHESH PATEL

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

Answer

NEWSLETTER

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