From 6792b426ffaf79238b5ff43a9acd1b4671543cfa Mon Sep 17 00:00:00 2001
From: OlgunR <OlgunR@DD-PC-ENT05N>
Date: Thu, 16 Apr 2026 16:02:31 +0200
Subject: [PATCH] Enhance grid UI: column chooser button & default widths

- Set default width and hide new button for DxGridBandColumn in BandGridBase.cs
- Always show column chooser button in CatalogsGrid and MassDataGrid
- Add "Spalten" toolbar button to open column chooser dialog
- Improves accessibility and consistency of grid column customization
---
 DbFirst.BlazorWebApp/Components/BandGridBase.cs    | 2 ++
 DbFirst.BlazorWebApp/Components/CatalogsGrid.razor | 9 +++++++++
 DbFirst.BlazorWebApp/Components/MassDataGrid.razor | 9 +++++++++
 3 files changed, 20 insertions(+)

diff --git a/DbFirst.BlazorWebApp/Components/BandGridBase.cs b/DbFirst.BlazorWebApp/Components/BandGridBase.cs
index e35aba6..29bbec7 100644
--- a/DbFirst.BlazorWebApp/Components/BandGridBase.cs
+++ b/DbFirst.BlazorWebApp/Components/BandGridBase.cs
@@ -184,6 +184,8 @@ public abstract class BandGridBase<TItem> : ComponentBase
         {
             if (band.Columns.Count == 0) continue;
             builder.OpenComponent<DxGridBandColumn>(seq++);
+            builder.AddAttribute(seq++, "Width", "120px");
+            builder.AddAttribute(seq++, "NewButtonVisible", false); // falls noch nicht vorhanden
             builder.AddAttribute(seq++, "Caption", band.Caption);
             builder.AddAttribute(seq++, "Columns", (RenderFragment)(bandBuilder =>
             {
diff --git a/DbFirst.BlazorWebApp/Components/CatalogsGrid.razor b/DbFirst.BlazorWebApp/Components/CatalogsGrid.razor
index 30f092d..4647b7f 100644
--- a/DbFirst.BlazorWebApp/Components/CatalogsGrid.razor
+++ b/DbFirst.BlazorWebApp/Components/CatalogsGrid.razor
@@ -38,6 +38,7 @@ else
 
     <div class="grid-section">
         <DxGrid Data="@items"
+                ColumnChooserButtonDisplayMode="GridColumnChooserButtonDisplayMode.Always"
                 TItem="CatalogReadDto"
                 KeyFieldName="@nameof(CatalogReadDto.Guid)"
                 SizeMode="@_sizeMode"
@@ -61,6 +62,14 @@ else
                 @ref="gridRef">
             <ToolbarTemplate>
                 <DxToolbar>
+                    <DxToolbarItem Alignment="ToolbarItemAlignment.Right">
+                        <Template Context="_">
+                            <DxButton Text="Spalten"
+                                      RenderStyle="ButtonRenderStyle.Secondary"
+                                      RenderStyleMode="ButtonRenderStyleMode.Text"
+                                      Click="@(() => gridRef!.ShowColumnChooser())" />
+                        </Template>
+                    </DxToolbarItem>
                     <DxToolbarItem Alignment="ToolbarItemAlignment.Right">
                         <Template Context="_">
                             <DxDropDownButton Text="@FormatSizeText(_sizeMode)"
diff --git a/DbFirst.BlazorWebApp/Components/MassDataGrid.razor b/DbFirst.BlazorWebApp/Components/MassDataGrid.razor
index cc8686a..954ac38 100644
--- a/DbFirst.BlazorWebApp/Components/MassDataGrid.razor
+++ b/DbFirst.BlazorWebApp/Components/MassDataGrid.razor
@@ -51,6 +51,7 @@ else
 
     <div class="grid-section">
         <DxGrid Data="@items"
+                ColumnChooserButtonDisplayMode="GridColumnChooserButtonDisplayMode.Always"
                 TItem="MassDataReadDto"
                 KeyFieldName="@nameof(MassDataReadDto.Id)"
                 SizeMode="@_sizeMode"
@@ -74,6 +75,14 @@ else
                 @ref="gridRef">
             <ToolbarTemplate>
                 <DxToolbar>
+                    <DxToolbarItem Alignment="ToolbarItemAlignment.Right">
+                        <Template Context="_">
+                            <DxButton Text="Spalten"
+                                      RenderStyle="ButtonRenderStyle.Secondary"
+                                      RenderStyleMode="ButtonRenderStyleMode.Text"
+                                      Click="@(() => gridRef!.ShowColumnChooser())" />
+                        </Template>
+                    </DxToolbarItem>
                     <DxToolbarItem Alignment="ToolbarItemAlignment.Right">
                         <Template Context="_">
                             <DxDropDownButton Text="@FormatSizeText(_sizeMode)"