#html #dynamic #html-table
#HTML #динамический #html-таблица
Вопрос:
Я новичок в HTML, поэтому я не уверен, нужно ли мне использовать функцию Javascript для реализации этого или как вообще начать. Я хотел бы создать таблицу, которая растет и сжимается на основе полученных данных. Я знаю, что в HTML есть тег table, и я поиграл с ним, но я не знаю, как заставить его создавать ячейки на основе различных данных.
Комментарии:
1. Откуда берется ваш динамический контент?
2. Данные поступают с внутреннего сервера в формате JSON. Мне нужно как-то ее разобрать, а затем заполнить таблицу.
Ответ №1:
Что вы используете для заполнения своих данных? Насколько я знаю, HTML5 имеет те же теги для обработки таблицы. Поэтому, если вы используете PHP или .NET, у вас обычно есть что-то вроде цикла, который создает столько строк, сколько вам нужно, с данными из базы данных или другого источника данных. Это может выглядеть примерно так
объявить переменную для хранения данных таблицы
добавить <table> тег
сделайте свой цикл, который добавляет строки
добавить </table> тег
разместите переменную в каком-нибудь месте на своей странице, чтобы отобразить таблицу.
Комментарии:
1. Данные поступают с внутреннего сервера в формате JSON. Мне нужно как-то ее разобрать, а затем заполнить таблицу.
2. используйте JSON.parse для этой цели (для этого вам может понадобиться дополнительный плагин). Затем в Javascript вы можете объявить переменную для хранения табличных данных и выполнить цикл, который будет использовать ваши JSON-данные для заполнения строк. Наконец, используйте jQuery для заполнения некоторого div на вашей странице содержимым созданной вами переменной… было бы что-то вроде $(‘#div’).html(переменная);