Angular материал расширяемый стол не работает

Question

Я хочу воспроизвести пример «Таблица с расширяемыми строками» из https://material.angular.io/components/table/examples. Я создал новый проект Angular, добавил материал Angular и буквально скопировал содержимое примера в свой проект. И все же строки не расширяются, как в примере. Я пробую разные импорты, разные стили - ничего. Чего мне не хватает?

Вот как это выглядит:

Вот мой проект на stackblitz: https://stackblitz.com/edit/github-fc2cyw-ftpmac

Answer 1

Ваш отредактированный стек: https://stackblitz.com/edit/github-fc2cyw-wtqvd4

Измените URL-адрес стиля с table.component. html на table.component. css

@Component({
  selector: 'app-table',
  styleUrls: ['table.component.html'],
  templateUrl: 'table.component.css',
  animations: [
    trigger('detailExpand', [
      state('collapsed', style({height: '0px', minHeight: '0'})),
      state('expanded', style({height: '*'})),
      transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
    ]),
  ],