HAHA

Blazor/Blazor/Components/InventoryList.razor

@@ -6,10 +6,11 @@
           TotalItems="@totalItem"
           PageSize="10"
           ShowPager
+          Filterable
           Responsive>
-    <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="#" />
-    <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="Image">
-    <DisplayTemplate>
+    <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="#" Width="15%"/>
+    <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="Image" Filterable="false">
+    <DisplayTemplate >
         @if (!string.IsNullOrWhiteSpace(context.ImageBase64))
         {
             <img src="data:image/png;base64, @(context.ImageBase64)" class="img-thumbnail" title="@context.DisplayName" alt="@context.DisplayName" style="width: 60px" />
@@ -20,6 +21,9 @@
         }
     </DisplayTemplate>
 </DataGridColumn>
-    <DataGridColumn TItem="Item" Field="@nameof(Item.DisplayName)" Caption="Display name" />
-    <DataGridColumn TItem="Item" Field="@nameof(Item.CreatedDate)" Caption="Created date" DisplayFormat="{0:d}" DisplayFormatProvider="@System.Globalization.CultureInfo.GetCultureInfo("fr-FR")" />
+    <DataGridColumn TItem="Item" Field="@nameof(Item.DisplayName)" Caption="Display name">
+    <DisplayTemplate>
+     <span style="font-weight: bold; font-size: 2rem; display: flex; justify-content: center;">@context.DisplayName</span>
+    </DisplayTemplate>
+    </DataGridColumn>
 </DataGrid>