Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Динамическое создание таблици, оптимизация (https://javascript.ru/forum/misc/75738-dinamicheskoe-sozdanie-tablici-optimizaciya.html)

pokk 02.11.2018 07:32

Динамическое создание таблици, оптимизация
 
Добрый день, сделал создание таблицы следующим образом
var myBooks=['Тип входа','Вход','Выход','Вкл/Выкл'];
	//---------------------------------------------
	var table = document.createElement("table");
	//---------------------------------------------
	var tr = table.insertRow(-1);                   // TABLE ROW.
	//---------------------------------------------
	for (var i = 0; i < myBooks.length; i++) {
		var th = document.createElement("td");      // TABLE HEADER.
		th.innerHTML = myBooks[i];
		tr.appendChild(th);
	}		
	//--------------------------------------------------------------------------
	for (var i = 0; i < data.NumCH; i++) {		
		tr = table.insertRow(-1);
		for (var j = 0; j < myBooks.length; j++) {	
			var tabCell = tr.insertCell(-1);
			if(j==0){
				BuildSelectTypeIn(tabCell,data.CHx[i][3]);	
			}
			if(j==1){
				BuildSelectDMX(tabCell,data.CHx[i][0]); 
			}
			if(j==2){
				BuildSelectUniv(tabCell,data.CHx[i][1]);	
			}
			if(j==3){
				Build_Checkbox(tabCell,data.CHx[i][2]);	
			}
		}
	}

как по феншую сделать что бы заголовок колонки соотносился c элементом в ячейке (т.е условия заменить (j==0))
Это нужно для того, что бы оперативно менять myBooks добавлять колонки удалять, а элементы под ними автоматически подстраивались

рони 02.11.2018 07:48

pokk,
var myBooks=[{title : 'Тип входа' , id : 3},{title : 'Вход', id : 0},{title : 'Выход', id : 1},{title : 'Вкл/Выкл', id : 2}];

pokk 02.11.2018 08:40

Благодарю, то что надо !!!


Часовой пояс GMT +3, время: 03:13.