Встроенное редактирование в таблице данных углового материала

Рассмотрим пример ниже. Можно ли составить таблицу данных углового материала с функцией встроенного редактирования? Или сделать ячейки под определенными столбцами доступными для редактирования при загрузке (см. Изображение ниже, где поля столбцов электронной почты доступны для редактирования). Если да, не могли бы вы поделиться примером кода?

Таблица данных углового материала с динамическими строками

enter image description here

Ответы

Ответ 2

На самом деле это открытый вопрос в Angular Material: Table: Добавить встроенное редактирование для входных данных. К сожалению, в настоящее время он не реализован, но вы можете найти некоторые идеи для решения в комментариях к этой проблеме.

Раздел "Редактирование встроенного текста" в разделе " Таблицы данных> Поведение" в Руководстве по проектированию материалов показывает, как это должно выглядеть.

Ответ 3

Ну, это не чистое встроенное редактирование, но - я ищу то же самое - это достаточно близко для моих целей:

https://stackblitz.com/edit/inline-edit-mat-table?file=app%2Fapp.component.html

[Идея состоит в том, чтобы при нажатии на ячейку всплыло небольшое всплывающее окно]

Моя альтернативная идея состояла бы в том, чтобы (хотя и с большим количеством работы) заменить все ячейки на поля ввода и связать их с правильным значением, которое - для user- будет иметь именно тот желаемый вариант использования.