¿Cómo puedo utilizar un objeto JSON local como fuente de datos para tablas de datos jQuery

Question

Tengo un objeto local formato JSON como esto:

[{ 
    "id": "58", 
    "country_code": "UK", 
    "title": "Legal Director", 
    "pubdate": "2012-03-08 00:00:00", 
    "url": "http://..." 
},{ 
    "id": "59", 
    "country_code": "UK", 
    "title": "Solutions Architect,", 
    "pubdate": "2012-02-23 00:00:00", 
    "url": "http://..." 
},{ 
    // ....more of the same...... 
}] 

me gustaría establecer esto como la fuente de datos para un jQuery datatable y han intentado esto:

testdata = '{{ jobsJSON | raw }}'; //twig template tag 
console.log(testdata); 
$('#test').dataTable({ 
    "aoData": testdata, 
    "aoColumns": [ 
     { "mDataProp": "id" }, 
     { "mDataProp": "country_code" }, 
     { "mDataProp": "title" }, 
     { "mDataProp": "pubdate" }, 
     { "mDataProp": "url" } 
    ] 
}); 

las tablas de datos plugin de cargas y los intentos de trazar la mesa, pero da el error 'no hay datos disponibles en la tabla'

no estoy haciendo una Llamada AJAX y solo quiere acceder al objeto JSON desde una variable JS local.

Answer 1

La propiedad para abastecer sus propios datos es aaData NO aoData:

testdata = [{"id":"58",...}]; // local object 

$('#test').dataTable({ 
    "aaData": testdata, 
    "aoColumns": [ 
     { "mDataProp": "id" }, 
     { "mDataProp": "country_code" }, 
     { "mDataProp": "title" }, 
     { "mDataProp": "pubdate" }, 
     { "mDataProp": "url" } 
    ] 
}); 

Working fiddle

Answer 2

I encoutered el mismo problema, la solución es la siguiente: Lugar $('#list_table').dataTable código en setTimeout función para posponer la aplicación dataTable durante 5 segundos:

setTimeout("$('#list_table').dataTable ...." , 5000); 

Me di cuenta de que aplica el plugin dataTable en Firebug después de que la tabla está cargada, no muestra el error como "No hay datos disponibles en la tabla".