Какую библиотека использовать для работы с таблицами в веб?

Question

[A R]

Здравствуйте.

Появилась необходимость в одном из проектов использовать таблицы. В данный момент используется гугл докс, но его возможностей не хватает. Необходимо какое-то решение для работы с таблицами в веб. Чтобы в определенные ячейки можно было выводить любые данные из базы данных, и соответственно чтобы можно было в ячейки вставлять данные аналогично гугл доксу или экселю, и чтобы они попадали в бд.

Гугление никаких результатов не дало.

Заранее спасибо.

Comments

[Ди Ма]

Генерировать html таблицу не сложно. В цикле обходим выборку из базы, вставляя значения в тег. При этом, нужно добавить data атрибуты, указывающие id строки и название колонки.

'<td data-row="'+ rowId +'" data-col="'+ colName +'">' + text + '</td>';

Тогда в браузере можно будет сделать что-то вроде этого:

$('.my_table').on('click', 'td', function (e) {
	console.log(this.dataset); // object {row: '...', col: '...'}
	console.log(this.innetHTML); // string 'text'
});

Т.е. можно, например, вставить в ячейку инпут с текстом который там был. А когда значение отредактировали, и нажали "сохранить", то мы знаем, какую строку и колонку нужно изменить.
Осталось отослать запрос на сервер вида: edit?row=34&col=phone&newValue=8916123

При этом, на таблицу можно повесить любой сортирующий/фильтрующий плагин, облегчающий работу, например dynatable

Answer 1

[Константин Китманов]

Хорошие таблицы -- это ни разу не тривиально и для любой нестандартной фичи придется плясать с бубном независимо от платформы. Посмотрите ag-grid.