Quantcast
Channel: Active questions tagged blazor - Stack Overflow
Viewing all articles
Browse latest Browse all 4839

Stop MudBlazor from resizing table when screen's width gets tight

$
0
0

I have a MudBlazortable and it keeps doing this when resizing the window:

From:enter image description here

To:

enter image description here

My code:

<MudCard Elevation="0"><MudCardContent><MudTable Style="background-color: #9d1213" Elevation="22" Class="py-8 px-10" Items="@rewards" Virtualize="true" Hover="true" SortLabel="Sort By"><HeaderContent><MudTh Class="text-white"><MudTableSortLabel                     SortBy="new Func<Reward, object>(x=>x.Name)">Reward</MudTableSortLabel></MudTh><MudTh Class="text-white"><MudTableSortLabel Enabled="@enabled"                     SortBy="new Func<Reward, object>(x=>x.HasBeenUsed)">Used ?</MudTableSortLabel></MudTh><MudTh Class="text-white"><MudTableSortLabel InitialDirection="SortDirection.Ascending"                     SortBy="new Func<Reward, object>(x=>x.ExpiresOn)">Expires on</MudTableSortLabel></MudTh></HeaderContent><RowTemplate><MudTd Class="text-white" DataLabel="Name">@context.Name</MudTd><MudTd Class="text-white" DataLabel="HasBeenUsed">@(context.HasBeenUsed == true ? "Yes" : "No")</MudTd><MudTd Class="text-white" DataLabel="ExpiresOn">                    @context.ExpiresOn.ToString("d", CultureInfo.CreateSpecificCulture("en-US"))</MudTd></RowTemplate><PagerContent><MudTablePager Class="text-white" PageSizeOptions="new int[] { 10, 25, 50, 100 }" /></PagerContent></MudTable></MudCardContent></MudCard>

I don't know enough of CSS or else to know how to not make it do it and I've been trying so many things from the MudBlazor website to CSS changes but it doesn't do anything


Viewing all articles
Browse latest Browse all 4839

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>