Bind dynamically created JSON object to JQUERY data table

Question

How to bind dynamic JSON object to jquery data table. Did anyone worked on such scenario.

For example,

var objTable = jQuery.parseJSON(result);

        if objTable != null && objTable .length > 0) {
            $('#tblName').dataTable({
                "bDestroy": true,
                "bScrollCollapse": true,
                "bJQueryUI": true,
                "bPaginate": false,
                "sScrollY": "310px",
                "bInfo": true,
                "bFilter": true,
                "bSort": true,
                "aaData": objTable,
                "aoColumns": [
                    { "mData": "Field1" },
                    { "mData": "Field2" },
                    { "mData": "Field3" },
        .
        .
        .
        .
                    { "mData": "FieldN" }]    //These are dynamically created columns present in JSON object.

            });
        }

Sridhar R · Accepted Answer · 2014-03-21 06:13:18Z

1

Its possible to add the data to datatable dynammically

Like this

$('#YourTableID').dataTable().fnAddData([sno,msg.json[i].unit_id,msg.jsoni].date_time,msg.json[i].sms_number,msg.json[i].message]);

Befor that you have 5 headers in table for appending above

answered Mar 21, 2014 at 6:13

Sridhar R

20.4k7 gold badges41 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Suresh Kota Over a year ago

could you please describe what are sno, msg.json in the above code

Collectives™ on Stack Overflow

Bind dynamically created JSON object to JQUERY data table

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related