Заполнить Datatable значениями JSON

Question

Я делаю поиск в базе данных и возвращает JSON.Я пытаюсь отобразить эти данные с использованием данных, но безуспешно.

Это мой код:

HTML

<table id="table">
    <thead>
        <tr>
            <th width="5%"></th>
            <th width="5%">Id</th>
            <th width="10%">Cat</th>
            <th width="15%">Name</th>
            <th width="5%">Code</th>
        </tr>
    </thead>
</table>

JS

var data = dados.responseJSON[2].Value[0];

settings.myTable.DataTable({
    data: dados.responseJSON[2].Value[0], 
    columns: [
        { data: 'Id' },
        { data: 'Id' },
        { data: 'Cat' },
        { data: 'Name' },
        { data: 'Code' },        
    ]

    /****************
         WHAT MORE??
     *****************\

});

Моя переменная data - это ajax успех, когда я делаю console.log в data, я могу видеть значения.Имейте все объекты json, и это именно то имя внутри моих таблиц th.

Я думаю, что мне нужно вставить что-то еще, чтобы заполнить таблицу.При запуске этого кода не возвращается ни одной ошибки.

Что не так я делаю?

Answer 1

Убедитесь, что у вас есть данные из вашего json в формате массива объектов, например:

var data=
    [
        {
            "name":    "Tiger shroff",
            "place":   "Mumbai",
            "salary":   "3,00,00,000",
            "age":      "27",
            "office":   "Lower Parel",
            "id":       "120"
        },
        {
            "name":    "Salman Khan",
            "place":   "Central Jail",
            "salary":   "1,00,00,000",
            "age":      "51",
            "office":   "Mumbai",
            "id":       "420"
        }
    ]

Теперь вы можете определять свои столбцы в функции данных с учетом ключей в объекте.

$('#table').DataTable( {
data: data,
columns: [
      { data: 'name' },
      { data: 'place' },
      { data: 'salary' },
      { data: 'id' }
    ]
});