45 lines
1.3 KiB
Plaintext
45 lines
1.3 KiB
Plaintext
@using System.Net.Http.Json
|
|
@using MudBlazor.Examples.Data.Models
|
|
@inject HttpClient httpClient
|
|
|
|
<style>
|
|
.selected {
|
|
background-color: #1E88E5 !important;
|
|
}
|
|
.selected > td {
|
|
color: white !important;
|
|
}
|
|
.selected > td .mud-input {
|
|
color: white !important;
|
|
}
|
|
</style>
|
|
<MudGrid>
|
|
<MudItem xs="2">
|
|
<MudPaper>
|
|
<MudText Typo="Typo.h6">Side Area</MudText>
|
|
</MudPaper>
|
|
</MudItem>
|
|
<MudItem xs="10">
|
|
<MudPaper>
|
|
<MudText Typo="Typo.h6">Main Content Area</MudText>
|
|
</MudPaper>
|
|
<MudTable T="Element" Items="@Elements.Take(4)" Hover="true" Breakpoint="Breakpoint.Sm" @ref="mudTable"
|
|
RowClass="cursor-pointer" RowClassFunc="@SelectedRowClassFunc" OnRowClick="RowClickEvent">
|
|
<HeaderContent>
|
|
<MudTh>Nr</MudTh>
|
|
<MudTh>Sign</MudTh>
|
|
<MudTh>Name</MudTh>
|
|
<MudTh>Position</MudTh>
|
|
<MudTh>Molar mass</MudTh>
|
|
</HeaderContent>
|
|
<RowTemplate>
|
|
<MudTd DataLabel="Nr">@context.Number</MudTd>
|
|
<MudTd DataLabel="Sign">@context.Sign</MudTd>
|
|
<MudTd DataLabel="Name">@context.Name</MudTd>
|
|
<MudTd DataLabel="Position">@context.Position</MudTd>
|
|
<MudTd DataLabel="Molar mass">@context.Molar</MudTd>
|
|
</RowTemplate>
|
|
</MudTable>
|
|
</MudItem>
|
|
</MudGrid>
|