From 8c13bdddecb8869a83cfe5b690f1f594a93106db Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Sun, 7 Dec 2025 09:45:37 +0100 Subject: [PATCH] fix(material/table): fixed layout not working Fixes that the `fixedLayout` input wasn't doint anything in the Material table, because: 1. The `cdk-table-fixed-layout` styles were being overridden by the Material table's styling. 2. The style that the Material table was applying didn't have any styles associated with it. --- src/material/table/table.scss | 6 ++++++ src/material/table/table.ts | 2 +- 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/src/material/table/table.scss b/src/material/table/table.scss index 5ec66248528a..010bb7a2b037 100644 --- a/src/material/table/table.scss +++ b/src/material/table/table.scss @@ -30,6 +30,12 @@ $fallbacks: m3-table.get-tokens(); background-color: token-utils.slot(table-background-color, $fallbacks); } +// These styles already come from a similar class in the CDK, +// but the `.mat-mdc-table` styles override them. +.mat-table-fixed-layout { + table-layout: fixed; +} + .mdc-data-table__cell { box-sizing: border-box; overflow: hidden; diff --git a/src/material/table/table.ts b/src/material/table/table.ts index 6f5b012d23d3..54099f334fd9 100644 --- a/src/material/table/table.ts +++ b/src/material/table/table.ts @@ -66,7 +66,7 @@ export class MatRecycleRows {} styleUrl: 'table.css', host: { 'class': 'mat-mdc-table mdc-data-table__table', - '[class.mdc-table-fixed-layout]': 'fixedLayout', + '[class.mat-table-fixed-layout]': 'fixedLayout', }, providers: [ {provide: CdkTable, useExisting: MatTable},