Я поняла в чем была ошибка...но как исправить ее не представляю...
//Формирование таблицы
$.getJSON("data_m1.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.Abrev.length; i++){
colName="<th>"+myJson.Def_aaData.Abrev[i]+"</th>"
mystr=mystr+colName;
}
mystr=mystr+"</tr>";
$('#headTable').html('');
$('#headTable').append(mystr);
//Таблица
var default_options = {
"sScrollY": "500px",
"sScrollX": "500px",
"sScrollXInner": "100%",
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"aaData":myJson.aaData,//строки
"aoColumns":myJson.Def_aaData.Abrev//стобцы(количество)
};
$('#example').dataTable(default_options);
});
Как видно из кода, я весьма странным образом подгружаю колонки из json-файла (сначала добавляю пустые колонки, а поверх код в html с названиями...разумеется он названия не воспринимает как нужно...)...но как их по-другому подгрузить - не представляю...а загвоздка именно в этом %) (((((((((((((((((((((((((((((((((((
Помогите, пожалуйста!!