Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

MudTable Scrollbar

See original GitHub issue

Bug type

Component

Component name

MudTable

What happened?

MudTable shows scrollbar even in case when no scrollbar is needed (all data are displayed) if MudToolTip is used in <RowTemplate>

Ho to reproduce:

<MudTable Items="@tableItems">
    <RowTemplate>
        <MudTooltip Style="overflow: hidden" Text="Editace">
            <MudTd DataLabel="Item">@context</MudTd>
        </MudTooltip>
    </RowTemplate>
    <PagerContent>
        <MudTablePager />
    </PagerContent>
</MudTable>

@code
{
    List<string> tableItems = "Item1,Item2,Item3,Item4,Item5,Item6,Item7,Item8,Item9,Item10,Item11,Item12,Item13,Item14,Item15,Item16,Item17,Item18,Item19,Item20,Item21,Item22,Item23,Item24,Item25,Item26,Item27,Item28,Item29,Item30,Item31,Item32,Item33,Item34,Item35,Item36,Item37,Item38"
        .Split(",").ToList();
}

Example is here: https://try.mudblazor.com/snippet/GEwbEXmSJldjcpOC

Expected behavior

It is expected to display table without scrollbar.

Reproduction link

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

Reproduction steps

Display tabel from link https://try.mudblazor.com/snippet/GEwbEXmSJldjcpOC

Relevant log output

No response

Version (bug)

5.1.2

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 Analytics

State:
Created 2 years ago
Comments:5 (3 by maintainers)

Top GitHub Comments

2reactions

walterX12commented, Sep 25, 2021

Thank you very much. This works OK.

Just for reference working snippet

  <MudTd DataLabel="Item" Style="overflow: hidden">
      <MudTooltip  Text="Editace">
      @context
      </MudTooltip>
  </MudTd>

0reactions

mckaragozcommented, Sep 24, 2021

Hi, thank you for quick reply and scheduled fix. I have removed Tooltip from my project because even if I place Tooltip as you suggested, it displays scrollbar ( but is is much better thow ) .

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

You can move overflow style to MudTd, then it will be work. https://try.mudblazor.com/snippet/GEmluXcSqcjhVNaJ

Top Results From Across the Web

Table

The <MudTable> component supports pagination, sorting and filtering of rows, as well as single and multiple row selection. To tell the table how...

MudTable<T> API

Name Type Default Items IEnumerable null Loading bool False LoadingContent RenderFragment null

MudTable Horizontal Scroll · Issue #1174 · MudBlazor ...

I do have ColGroup defined. Looking at the example I cannot see any other obvious setting other than Breakpoint to get horizontal scrolling...

Overflow

Blazor Component Library based on Material Design. MudBlazor is easy to use and extend, especially for .NET devs because it uses almost no...

Scroll MudTable to make selected item visible

I have a Blazor WASM application using a MudTable that displays many rows from List<T> . The MudTable uses @ref="_mappingTable" to identify the ......