You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

40 lines
1.4 KiB

<CascadingValue Value="@this">
<div class="container">
<div class="row">
<div class="col-8">
<div>Inventory</div>
<div>
<div class="css-gridInv">
@for(int i = 0; i<40; i++)
{
<InventoryItem Index="i" NoDrop="false"/>
}
</div>
</div>
</div>
<div class="col-4">
<div>Available items:</div>
<div>
<DataGrid TItem="Item"
Data="@Items"
PageSize="10"
ShowPager
Responsive
Filterable>
<DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="Image" Width="5" Filterable="false">
<DisplayTemplate>
<ListItem Item="((Item)context)" NoDrop="true"/>
</DisplayTemplate>
</DataGridColumn>
<DataGridColumn TItem="Item" Field="@nameof(Item.DisplayName)" Caption="Name" Width="60"/>
</DataGrid>
</div>
</div>
</div>
</div>
</CascadingValue>