#33709·components

Bug in table.scss footer cell height: unset instead of footer row height unset

Author: ThorlakeCreated Aug 21, 2026Updated Sep 9, 2026
LabelsP4area: material/tablegemini-triaged

Is this a regression?

  • Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

// Flex rows should not set a definite height, but instead stretch to the height of their // children. Otherwise, the cells grow larger than the row and the layout breaks. .mat-mdc-table mat-header-row.mat-mdc-header-row, .mat-mdc-table mat-row.mat-mdc-row, .mat-mdc-table mat-footer-row.mat-mdc-footer-cell { height: unset; } https://github.com/angular/components/blob/main/src/material/table/table.scss#L158

Is mat-mdc-footer-cell intentional? I feel it must be mat-mdc-footer-row not `cell

Reproduction

StackBlitz link: https://stackblitz.com/edit/ydyoaqxm Steps to reproduce:

  1. npm run start
  2. check 1 and 2 tables (wrong). check 3rd table fixed by tokens (okay)

Expected Behavior

mat-mdc-footer-row height unset

Actual Behavior

mat-mdc-footer-cell height unset

Environment

  • Angular: v18.2.4
  • CDK/Material: v18.2.4
  • Browser(s): 151.0.7922.172
  • Operating System (e.g. Windows, macOS, Ubuntu): windows