с таблицей намучилась...в итоге заработало так:
$.getJSON("data.json", function (myJson) {
var table="<div id='demo'><table cellpadding='0' cellspacing='0' border='0' class='display' id='example'><thead id = 'headTable'></thead><tbody id = 'bodyTable'></tbody><tfoot></tfoot></table></div>";
$('#container').html('');
$('#container').append(table);
var colName="";
var mystr="<tr>";
for(var i=0; i<myJson.Def_aaData_0.Abr.length; i++){
colName="<th>"+myJson.Def_aaData_0.Abr[i]+"</th>"
mystr=mystr+colName;
}
mystr=mystr+"</tr>";
$('#headTable').html('');
$('#headTable').append(mystr);
//Таблица
var default_options = {
"aaData":myJson.aaData_0,
"aoColumns":myJson.Def_aaData_0.Abr
};
$('#example').dataTable(default_options);
});
если это проще можно сделать..поделитесь знаниями)
только я не ручаюсь за работу в InternetExplorer..у меня не работает почему-то..но ошибка может быть и в другом месте)