Показ данных Json в датированном

Question

Я использовал плагин jquery datatable. Я хочу показать данные JSON в datatable.

Object {Titillium-Light: "data1", Custom font: "data2", Titillium-Bold: "data3", Titillium-LightUpright: "data4"}

я хочу показать ключи в JSON в одном столбце и значение ключа в другом столбце. Я не знаю, как дать ссылку в mDataProp.

aoColumns: [
                {
                    sTitle: 'ID',
                    mDataProp: ,
                    bVisible:  false
                },
                {
                    sTitle: 'data',
                    mDataProp: ,
                }
]

Answer 1

Пример данных - это литерал, а не JSON. Должно выглядеть

var json = { 
  "Titillium-Light": "data1", 
  "Custom font": "data2", 
  "Titillium-Bold": "data3", 
  "Titillium-LightUpright": "data4"
}

Тогда, если у вас есть пустая таблица

<table id="example"></table>

Вы можете создать набор ключей-> значений на основе JSON:

var data = [];
for (key in json) {
   data.push({
      key: key,
      value: json[key]
   })
}

и использовать этот набор данных в качестве источника для dataTable:

var table = $('#example').DataTable({
    data : data,
    columns : [
      { title: 'key', data: 'key'},
      { title: 'value', data: 'value'}
    ]
})  

демо -> http://jsfiddle.net/sh8mr7cq/