Я пытаюсь разбивать страницы на динамические данные. Я начал использовать Datatable, но я не могу загрузить Datatable с объектами JSON. Пожалуйста найти мой код ниже:Не удалось загрузить Datatable с объектами JSON
function drawTable(data) {
$('#t01').DataTable({
ajax: {
"aaData": data,
"dataSrc": ""
},
"aoColumns": [
{ "mdata": "UserName" },
{ "mdata": "AppName" },
{ "mdata": "OS" },
{ "mdata": "Changes" },
{ "mdata": "Time" }
]
});
}
Мой JSON:
[{
"UserName": "testUser",
"AppName": "mtv_app",
"OS": "android",
"Changes": "tveEnabled : true to false, ",
"Time": "2016-03-22 11:36:09"
}, {
"UserName": "testUser",
"AppName": "mtv_app",
"OS": "android",
"Changes": "tveEnabled : false to true, ",
"Time": "2016-03-22 11:44:11"
},..
Моя страница HTML:
<table id="t01" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>UserName</th>
<th>AppName</th>
<th>OS</th>
<th>Changes</th>
<th>Time</th>
</tr>
</thead>
</table>
В таблице не получает загружены, но загрузка ... появляется в таблице. Я проверил, JSON в правильном формате.
Я отредактировал мой код:
function drawTable(data) {
console.log(data);
$('#t01').DataTable({
"processing" : true,
"data": data,
"columns": [
{ "data": "UserName" },
{ "data": "AppName" },
{ "data": "OS" },
{ "data": "Changes" },
{ "data": "Time" }
]
});
}
и теперь моя таблица загружается с пустыми столбцами, и я получаю сообщение об ошибке, как: DataTables предупреждение: таблица ID = t01 - Запрошенный неизвестный параметр «Username» для строки 0 , столбец 0.
посмотреть, есть ли ошибки в консоли браузера. –
@KartikeyaKhosla: У меня нет ошибок в консоли :( –
удалить и попробовать '' aoColumns ":' set – Ashan