转换DataTables的json数据

问题描述 投票:0回答:1

我的数据看起来像这样。

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

在HTML中我正在做,

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

是否有一种简单的方法来操纵我的数据,使其数据表符合规定?

datatables
1个回答
1
投票

这应该这样做:

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"
    }]
});

在这里工作JSFiddle:https://jsfiddle.net/annoyingmouse/70d01vo0/

© www.soinside.com 2019 - 2024. All rights reserved.