Используя Angular Material, мне нужно, чтобы моя таблица HTML имела расширяемые строки, подобные этой:
Как показано на этом рисунке, когда содержимое считается слишком длинным для ячейки, щелчок по ней (ячейка/строка) расширит строку. И я могу развернуть строку, если снова нажму на эту (ячейку/строку).
Я попробовал несколько похожих решений (в основном это) в течение нескольких часов, но это не сработало.
Я новичок в Angular и Angular Material, может кто-нибудь помочь?
Благодарю вас!
0
user2339237
24 Окт 2019 в 10:02
Нет необходимости комментировать, какие изменения вы внесли в вопрос — это следует сделать с помощью текстового поля сводки редактирования, которое отображается в нижней части редактора.
– Edric
16 Дек 2019 в 16:40
1
Понял. Спасибо.
– Stphane
16 Дек 2019 в 16:49
1 ответ
Некоторые варианты:
- ваше решение не так уж плохо, просто измените содержимое на что-то другое
- используйте компонент Accordion внутри каждого tr
- просто используйте Accordion Component с *ngFor, таблица не нужна
- для профессионального уровня создайте компонент, который каскадирует компонент аккордеона с соответствующим содержимым [название и тело] и легко используйте его с таблицей или без нее.
0
bresleveloper
15 Мар 2022 в 02:44
Похожие вопросы
Новые вопросы
angular
Вопросы об Angular (не путать с AngularJS), веб-фреймворке от Google. Используйте этот тег для вопросов Angular, которые не относятся к отдельной версии. Для более старой веб-инфраструктуры AngularJS (1.x) используйте тег AngularJS.