Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.10.2017, 22:50
Новичок на форуме
Отправить личное сообщение для Fireyon Посмотреть профиль Найти все сообщения от Fireyon
 
Регистрация: 16.10.2017
Сообщений: 3

Таблицы через JS
Привет, подмогните пожалуйста. Есть обьект и прототип. Нужно запихнуть это все в таблицу через JS, таблицу вроде получилось создать, подскажите как дальше быть?
function Stud(name, surname, group, age){
    this.name=name;
    this.surname=surname;
    this.group=group;
    this.age=age;
}
var students=[
    new Stud('vasya','pupko','php','22'),
    new Stud('kolya','zubko','java','20'),
    new Stud('tolya','tupko','front','25'),
    new Stud('vitalya','rybko','python','19'),
    new Stud('olya','lyashko','c++','28')
];

var table = "";
var rows = 4;
var cols = 5;
for (var r = 0; r < rows; r++) {
    table = table + "<tr>";
    for (var c = 1; c <= cols; c++) {
        table = table + "<td>" + c + "</td>";
    }
    table = table + "</tr>";
}
document.write("<table border=2>" + table + "</table>");
Ответить с цитированием
  #2 (permalink)  
Старый 19.10.2017, 00:39
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,060

Fireyon,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

</head>

<body>

<script>
function Stud(name, surname, group, age){
    this.name=name;
    this.surname=surname;
    this.group=group;
    this.age=age;
}
var students=[
    new Stud('vasya','pupko','php','22'),
    new Stud('kolya','zubko','java','20'),
    new Stud('tolya','tupko','front','25'),
    new Stud('vitalya','rybko','python','19'),
    new Stud('olya','lyashko','c++','28')
];

function tbl(data) {
    return "<table border=2>" + data.reduce(function(tb, el) {
        return tb + "<tr><td>" + Object.values(el).join("</td><td>") + "</td></tr>"
    }, "") + "</table>"
};

document.body.insertAdjacentHTML('beforeEnd', tbl(students));

</script>


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



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как заменить код страницы через js ??? Alex42d Общие вопросы Javascript 1 10.09.2017 06:39
Как вывести через JS данные lmi2002 AJAX и COMET 4 29.05.2017 13:39
Вставка HTML кода и JS кода через innerHTML zhurchik AJAX и COMET 1 31.10.2014 16:32
Фильтр для таблицы через select-ты! Hedkost jQuery 1 25.02.2014 14:39
Не работает JS после подгрузки div через ajax BoB AJAX и COMET 3 09.12.2011 01:03