Показать сообщение отдельно
  #8 (permalink)  
Старый 14.05.2020, 19:35
Интересующийся
Отправить личное сообщение для IgorFomenko Посмотреть профиль Найти все сообщения от IgorFomenko
 
Регистрация: 07.05.2020
Сообщений: 19

Вы предлагаете HTML вариант, а я пишу JS код!
function fromArrayOfObj(obj) {
    let tr, td, NR = obj.length, body = document.body
//table
    let tbl = document.createElement('table')
    tbl.id = 'table';
//caption
    let tcap = tbl.createCaption();
    tcap.innerHTML = "Сотрудники";
//header
    let th = tbl.createTHead();
    th.style.border = '1px solid black';
    tr = th.insertRow();
    for (var key in obj[0]) {
           td = tr.insertCell();
//         td.style.border = '1px solid black';
//         td.style.fontWeight = 'bold';
//         td.style["text-align"] = 'center';

        td.appendChild(document.createTextNode(key));
    }
//fill table
    for (var i = 0; i < NR; i++) {
        tr = tbl.insertRow();
        for (var key in obj[0]) {
            td = tr.insertCell();
            td.appendChild(document.createTextNode(obj[i][key]));
            td.style.border = '1px solid black';
        }
    }
//apply styles
//     tbl.style.border = '2px solid black';
//     tbl.style.borderCollapse = 'collapse';

    body.appendChild(tbl);
}
Ответить с цитированием