Показать сообщение отдельно
  #4 (permalink)  
Старый 05.05.2016, 13:45
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Создание строк таблицы из обьекта.
Enkille,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
 span {
   display: table-row;
 }
 td{
 border: solid 1px #0000FF;
 }
 table {
border-collapse: collapse;
border: 1px solid #0000FF;
}



 </style>

</head>

<body>
<table></table>
<script>
 var tabelDays = {
  Monday: [
    "Завтрак",
    "Зарядка",
    "Тв",
    "Душ"
  ],
  Thuesday: [
    "Завтрак"
  ],
  Wednesdey: [
    "Тв"
  ]
}
var table = document.querySelector("table");
Object.keys(tabelDays).forEach(function (key,c) {
  var tr = table.insertRow(c);
  var td = tr.insertCell(0);
  td.textContent = key;
  td = tr.insertCell(1);
  tabelDays[key].forEach(function(key) {
  var span = document.createElement("span");
  span.textContent = key;
  td.appendChild(span)
})

});
</script>

</body>
</html>
Ответить с цитированием