docs(material/table): Simultaneous Row Expansion Issue in MatTab with…

… Nested MatTable Component (#27659)

Resolved a bug causing simultaneous row expansion in a MatTab when a nested MatTable component
with expandable rows was used. The problem stemmed from animations triggered by the parent's
visibility set to 'hidden.'

Solution: Incorporated void state within animations to reset them after eraseStyles function
execution, ensuring consistent row expansion behavior within MatTabs.

src/components-examples/material/table/table-expandable-rows/table-expandable-rows-example.ts

@@ -13,7 +13,7 @@ import {MatTableModule} from '@angular/material/table';
   templateUrl: 'table-expandable-rows-example.html',
   animations: [
     trigger('detailExpand', [
-      state('collapsed', style({height: '0px', minHeight: '0'})),
+      state('collapsed,void', style({height: '0px', minHeight: '0'})),
       state('expanded', style({height: '*'})),
       transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
     ]),