2017-12-20 9 views
0

Ich habe Daten, die so aussehen.JSON-Daten für DataTables transformieren

{ 
    "data": [ 
    { 
    "c1": "datapt00", 
    "size": 40 
    }, 
    { 
    "c1": "datapt001", 
    "size": 80 
    } 
    ] 
} 

In HTML ich tue,

$(document).ready(function) { 
$('#example').DataTAble ({ 
"ajax": { 
"url": "/data", 
}}); }); 

Ist ther ean einfache Möglichkeit, meine Daten so seine Datentabelle konform zu manipulieren?

Antwort

1

Dies sollte es tun:

var jsonData = { 
    "data": [ 
    { 
    "c1": "datapt00", 
    "size": 40 
    }, 
    { 
    "c1": "datapt001", 
    "size": 80 
    } 
    ] 
}; 
$('#example').DataTable({ 
    "ajax": { 
     "type": 'POST', 
     "dataType": 'json', 
     "url": '/echo/json/', 
     "data": { 
      "json": JSON.stringify(jsonData) 
     }, 
     "dataSrc": "data" 
    }, 
    "columns": [{ 
     "data": "c1" 
    }, { 
     "data": "size" 
    }] 
}); 

Arbeits JSFiddle hier: https://jsfiddle.net/annoyingmouse/70d01vo0/

+0

was, wenn ich jsonData bin nicht mit geschieht. Ich bekomme meine Daten von "url" – NinjaGaiden

+0

Ah, segne dich! Es gibt keine Möglichkeit, AJAX für JSFiddle zu verwenden. Dies ist der Mechanismus, um JSON auf JSFiddle zu bekommen. Ich denke, Sie werden wahrscheinlich etwas in der Art von "Ajax" verwenden wollen: {"url": "/ data", "dataSrc": "data"} '. Ich hoffe, das macht Sinn und hilft. – annoyingmouse

+0

hilft viel. Vielen Dank – NinjaGaiden