Javascript.RU

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

добавил макет пост#9
Ответить с цитированием
  #12 (permalink)  
Старый 14.05.2020, 19:51
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

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

Всем спасибо, кстати я неправильно создал заголовок и это прокатило, хотя при помощи th я наверное стили бы уже не назначил через CSS style.
Вот правильная функция и к сожалению алгоритм создания заголовка отличен от алгоритма создания обычных строк, что нехорошо
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 thead = tbl.createTHead();
//     thead.style.border = '1px solid black'; не работает
    tr = thead.insertRow();   
    for (var key in obj[0]) {
           let th = document.createElement("th");         
           th.innerHTML = key;
           tr.appendChild(th);
           th.style.border = '1px solid black';
           th.style.fontWeight = 'bold';
           th.style["text-align"] = 'center';
    }
//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);
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как задать порядок нахождения querySelectorAll pokk Общие вопросы Javascript 9 26.10.2018 17:43
Как сделать, чтоб сохранилась созданная javascript'ом кнопка после обновления стр.? IDigle1 Общие вопросы Javascript 10 27.06.2017 01:24
Как задать дату отсчета таймера? Exhumed Элементы интерфейса 2 21.06.2016 14:49
Как передать товар из таблицы в форму всплывающего окна? sprint007 Элементы интерфейса 3 03.12.2014 16:04
Задать имя таблицы в SELECT из переменной rudolfe Серверные языки и технологии 7 24.06.2013 16:46