Динамическое редактирование ячеек

324

01 августа 2017, 17:14

Доброго времени суток. Подскажите пожалуйста, как с помощью JS можно сделать динамическое редактирование ячеек HTML таблицы?

Суть в чем, данные в таблицу заполняются из БД, и мне бы хотелось сделать так, что бы не заходя в БД я мог редактировать ячейки (которые записывались в БД). Ну знаете, как при работе с phpMyAdmin, 2 раза кликаешь на ячейку, редактируешь значения, затем жмешь Enter или в любом другом месте и все сохраняется.

Answer 1

я бы советовал jquery datatables у них есть хорошо документированный API в т.ч. с примерами для серверной обработки изменений. а так, если в лоб, то навешиваете, например, атрибут contenteditable="true" на каждую ячейку таблицы с данными, а также js обработчик на изменение ячеек, который с помощью ajax отправляет измененные данные на Ваш php-скрипт, который и вносит изменения в базе.

Answer 2

Я для таких задач использовал Ajax Inline 1 в 1 как в phpMyAdmin Подробнее о нем можете прочитать здесь