MudTable: Fix loading indicator visibility in mobile layout

[Copilot]

MudTable's Loading progress indicator was invisible when the table switched to its mobile card layout, regardless of breakpoint setting.

Root causes

Two bugs in MudTable.razor:

1. else if (Loading) branch (tables without HeaderContent/Columns): loading <tr> had class="mud-table-row", which is explicitly display: none in the mobile CSS mixin — progress bar was always hidden.

2. Normal branch (tables with HeaderContent): loading <tr> had no class, so it received no block-level styling in the overridden mobile table layout — visually broken/invisible.

Changes

• MudTable.razor: Both loading <tr> elements now use class="mud-table-loading-row" instead of mud-table-row (or no class).

• _table.scss: Added .mud-table-loading-row rule inside table-display-smalldevices mixin — renders the row and its <th> as full-width block elements in mobile view:

  .mud-table-loading-row {
    display: block;
    th {
      display: block;
      padding: 0;
    }
  }

• TableTests.cs: Added LoadingRowHasMudTableLoadingRowClass test asserting the loading row carries the new class.

Original prompt

---

This section details on the original issue you should resolve

<issue_title>MudTable.Loading doesn't work in mobile view</issue_title>
<issue_description>### Bug type

Component

Component name

MudTable

What happened?

When in mobile layout (Breakpoint.Xs), the Loading parameter of MudTable does nothing. This can be seen in the first example from the docs.

Desktop view:

Mobile view:

Expected behavior

A loading indicator is shown on both desktop and mobile layouts.

Unresolved question: Is the same type of loading indicator the best option on mobile? I suspect it will suffer from this problem more than the desktop version already does.

Reproduction link

https://try.mudblazor.com/snippet/mkGSEPFpwztAMmPp

Reproduction steps

1. Go to the first demo on https://mudblazor.com/components/table#default-table (or https://try.mudblazor.com/snippet/mkGSEPFpwztAMmPp).
2. Enable the "Show Loading" switch.
3. Resize your browser window so that the table switches to mobile layout.

Relevant log output

No response

Version (bug)

6.12.0

Version (working)

No response

What browsers are you seeing the problem on?

Firefox, Chrome

On what operating system are you experiencing the issue?

Windows

Pull Request

• I would like to do a Pull Request

Code of Conduct

• I agree to follow this project's Code of Conduct</issue_description>

Comments on the Issue (you are @copilot in this section)

@danielchalmers Anyone able to work on a PR for this?

• Fixes MudTable.Loading doesn't work in mobile view #8039

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[danielchalmers]

Recording.2026-03-01.142606.mp4

[versile2]

I can dive in more if need be but probably don't need any additional css here just update the class layout in mobile view

[versile2]

Confirmed loading now displays on mobile.