Возможно ли редактировать данные, найденные в таблицах HTML?

Я не смог это узнать, но есть ли там рекомендованная библиотека JavaScript/плагин, позволяющий пользователю редактировать данные в таблице, как и любой вход? Или я должен просто создать таблицу с текстовыми вводами в тегах ?

3 ответа

Используйте невероятный плагин datatables jquery в сочетании с его редактируемым дополнением. См. Демонстрацию здесь: http://jquery-datatables-editable.googlecode.com/svn/trunk/index.html.

Datatables - http://datatables.net/ Аддон, который добавляет к нему возможность редактирования - http://code.google.com/p/jquery-datatables-editable/


Будет ли эта функция быть тем, что вы ищете? http://itlivewire.com/tuts/jquery-dynamically-change-table-rows.html

Или, если вы хотите, чтобы клиент мог редактировать таблицу, этот плагин мог бы быть более полезным: http://code.google.com/p/jquery-datatables-editable/


Если вы заинтересованы в решении без плагинов, просто нацелитесь на ячейки,

Если вы знаете идентификатор таблицы:

document.getElementById("**tableID**")
 .getElementsByTagName("tr")[Row Number]
 .getElementsByTagName("td")[Cell Number];

В противном случае вам нужно будет выбрать таблицу из индекса

document.getElementsByTagName("table")[Table Number]
 .getElementsByTagName("tr")[Row Number]
 .getElementsByTagName("td")[Cell Number];

Например, если была таблица с 2 строками и 2 столбцами, и я хотел, чтобы у всех их было число, которое я просто сделал бы:

var tableElm = document.getElementById("**tableID**") //table element
 .getElementsByTagName("tr")[0] //row element
 .getElementsByTagName("td"); //individual cells

the table and row selection is now cached in tableElm
tableElm[0].innerHTML = "1";
tableElm[1].innerHTML = "2";
tableElm[2].innerHTML = "3";
tableElm[3].innerHTML = "4";

вам даже не нужно ".getElementsByTagName(" tr ") [0]", если у вас нет причин запрашивать сами строки. Если вы избавитесь от него, CELL NUMBER будет включать каждую ячейку таблицы независимо от строки.

licensed under cc by-sa 3.0 with attribution.