Як записати дані в таблицю в JavaScript?
Створіть новий рядок і комірки:
- javascript.
- var newRow = table.insertRow(table.rows.length); // Вставити новий рядок у кінці.
- var cell1 = newRow.insertCell(0); // Вставити клітинку з індексом 0.
- var cell2 = newRow.insertCell(1); // Вставити іншу клітинку з індексом 1.
Показаний нижче Javascript використовується для ініціалізації таблиці, показаної в цьому прикладі: DataTable({ columns: [ { title: 'Name' }, { title: 'Position' }, { title: 'Office' }, { title: 'Extn. ' }, { title: 'Дата початку' }, { title: 'Зарплата' } ], data: dataSet });
Щоб створити динамічну таблицю в JavaScript, виконайте такі дії:
- Створіть елемент HTML, де ви хочете відобразити таблицю. …
- У своєму коді JavaScript визначте масив даних, які потрібно відобразити в таблиці. …
- Створіть функцію, яка генерує HTML-розмітку таблиці на основі масиву даних.
Функція saveData() зберігає відредаговані дані шляхом отримання вхідних значень, оновлення клітинок таблиці, скидання кнопки та повторного виклику editData(). Після натискання кнопки «Видалити» функція deleteData() видаляє відповідний рядок із таблиці.
Щоб вставити записи в таблицю, введіть ключові слова insert into, за якими слідує назва таблиці, після чого йдуть відкриті дужки, а потім список назв стовпців, розділених комами, після чого йдуть закриваючі дужки, за якими йдуть ключові значення, після яких список значень, укладених у дужки.
Використання insertRow() і insertCell() У цьому підході ми використовуємо методи insertRow() і insertCell() у JavaScript, щоб динамічно вставляти новий рядок у таблицю HTML.