Используя Angular Material, мне нужно, чтобы моя таблица HTML имела расширяемые строки, подобные этой: Расходуемый ряд

Как показано на этом рисунке, когда содержимое считается слишком длинным для ячейки, щелчок по ней (ячейка/строка) расширит строку. И я могу развернуть строку, если снова нажму на эту (ячейку/строку).

Я попробовал несколько похожих решений (в основном это) в течение нескольких часов, но это не сработало.

Я новичок в Angular и Angular Material, может кто-нибудь помочь?
Благодарю вас!

0
user2339237 24 Окт 2019 в 10:02
Нет необходимости комментировать, какие изменения вы внесли в вопрос — это следует сделать с помощью текстового поля сводки редактирования, которое отображается в нижней части редактора.
 – 
Edric
16 Дек 2019 в 16:40
1
Понял. Спасибо.
 – 
Stphane
16 Дек 2019 в 16:49

1 ответ

Некоторые варианты:

  1. ваше решение не так уж плохо, просто измените содержимое на что-то другое
  2. используйте компонент Accordion внутри каждого tr
  3. просто используйте Accordion Component с *ngFor, таблица не нужна
  4. для профессионального уровня создайте компонент, который каскадирует компонент аккордеона с соответствующим содержимым [название и тело] и легко используйте его с таблицей или без нее.
0
bresleveloper 15 Мар 2022 в 02:44