bug(material/table): last row border inconsistency

[magentaRE]

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

Tables with double header (column border and row border) have bottom border on the last row, but only below <th> elements. Table shown in the screenshot = Segment 1/2/3 is a columnheader, Region 1/2 is a rowheader and numbers are table data.

<td> elements have special CSS selector which deletes this border from the last row. Is the same rule missing for <th> elements?

Reproduction

Steps to reproduce:

1. Create a table with double header - column + row header
2. Observe last row's bottom border

Expected Behavior

Last row's bottom border is not present in both <td> and <th> elements - claimed here: https://material.angular.io/guide/mdc-migration#table

Actual Behavior

Last row border is not present in <td> elements and is present in <th> elements.

Environment

• Angular: 16.2.0
• CDK/Material: 16.2.0
• Browser(s): Any
• Operating System (e.g. Windows, macOS, Ubuntu): Windows 11 Pro

[wagnermaciel]

@magentaRE Could you provide a stackblitz reproduction?

[magentaRE]

@wagnermaciel Apologies, I forgot to create one. Here it is: https://stackblitz.com/edit/stackblitz-starters-yu5tvs?file=src%2Fmain.ts

[magentaRE]

Any updates on this?

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}