Javascript dataTables populating data issue (no errors returned)

Question

I am using data tables and trying to popular a table with data.

The data I have looks like this:

<table id="mytable" class="display" width="100%"></table>

{
  "users": [
    {
      "id": "6700",
      "user": {
        "firstName": "somename"
      },
      "Count": 0
    }
  ]
}

So this is what I've done:

var dataSet = {
    "users": [
        {
            "id": "6700",
            "user": {
                "firstName": "somename"
            },
            "Count": 0
        }
    ]
};

jQuery('#mytable').DataTable( {
    data: dataSet,
    columns: [
        { "users": "id" }
    ]
});

I'm am not getting any errors but the data is not inserted either.

What I'm I doing wrong here?

Gyrocode.com · Accepted Answer · 2016-11-15 12:17:26Z

1

In data option you need to provide variable that contains array of objects (dataSet.users). Also in columns.data option you need to define property within each object in the array (id).

Corrected code is shown below.

jQuery('#mytable').DataTable( {
    "data": dataSet.users,
    "columns": [
        { "data": "id", "title": "ID" }
    ]
});

See this example for demonstration.

edited Nov 15, 2016 at 12:17

answered Nov 15, 2016 at 12:11

Gyrocode.com

59k16 gold badges157 silver badges192 bronze badges

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

Collectives™ on Stack Overflow

Javascript dataTables populating data issue (no errors returned)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related