Added IsVisible Parameter to Grid Column

Author: Raj Kumar Sri Ramulu

blazorbootstrap/Components/Grid/Grid.razor

@@ -22,6 +22,10 @@
                     }
                     @foreach (var column in columns)
                     {
+                        @if (!column.IsVisible)
+                        {
+                            continue;
+                        }
                         @column.HeaderTemplate
                     }
                 </tr>
@@ -38,6 +42,10 @@
                         }
                         @foreach (var column in columns)
                         {
+                            @if (!column.IsVisible)
+                            {
+                                continue;
+                            }
                             var columnClassList = new HashSet<string>();
                             var columnStyleList = new List<string>();
 
@@ -78,7 +86,7 @@
             </thead>
             <tbody>
                 @{
-                    var columnCount = columns.Count;
+                    var columnCount = columns.Where(c => c.IsVisible).Count();
                     if (AllowSelection) columnCount += 1;
                     if (AllowDetailView) columnCount += 1;
                 }
@@ -158,6 +166,10 @@
 
                                 @foreach (var column in columns)
                                 {
+                                    @if (!column.IsVisible)
+                                    {
+                                        continue;
+                                    }
                                     @column.CellTemplate(item)
                                 }
                             </tr>

blazorbootstrap/Components/Grid/Grid.razor.cs

@@ -25,6 +25,8 @@ public partial class Grid<TItem> : BlazorBootstrapComponentBase
 
     private RenderFragment? headerSelectionTemplate;
 
+    private bool isColumnVisibilityChanged = false;
+
     private bool isFirstRenderComplete = false;
 
     private List<TItem>? items = null;
@@ -53,6 +55,9 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
             isFirstRenderComplete = true;
         }
 
+        // As Rendering now complete we can reset the column visibility change to false
+        isColumnVisibilityChanged = false;
+
         await base.OnAfterRenderAsync(firstRender);
     }
 
@@ -135,6 +140,15 @@ protected override Task OnParametersSetAsync()
 
     internal void AddColumn(GridColumn<TItem> column) => columns.Add(column);
 
+    internal void ColumnVisibilityUpdated()
+    {
+        if (!isColumnVisibilityChanged)
+        {
+            isColumnVisibilityChanged = true;
+            StateHasChanged();
+        }
+    }
+
     internal async Task FilterChangedAsync()
     {
         if (cancellationTokenSource is not null

blazorbootstrap/Components/Grid/GridColumn.razor.cs

@@ -14,6 +14,8 @@ public partial class GridColumn<TItem> : BlazorBootstrapComponentBase
 
     private string filterValue = default!;
 
+    private bool isVisible = true;
+
     private RenderFragment? headerTemplate;
 
     #endregion
@@ -109,6 +111,11 @@ or StringConstants.PropertyTypeNameDecimal
             if (filterOperator == FilterOperator.None)
                 FilterOperator = filterOperator = FilterOperator.Equals;
         }
+        if (isVisible != IsVisible)
+        {
+            isVisible = IsVisible;
+            Parent?.ColumnVisibilityUpdated();
+        }
     }
 
     internal void SetFilterOperator(FilterOperator filterOperator) => FilterOperator = this.filterOperator = filterOperator;
@@ -420,6 +427,15 @@ private async Task OnSortClickAsync()
     [Parameter]
     public bool IsDefaultSortColumn { get; set; } = false;
 
+    /// <summary>
+    /// Gets or sets visibility of the Grid column.
+    /// </summary>
+    /// <remarks>
+    /// Default value is true.
+    /// </remarks>
+    [Parameter]
+    public bool IsVisible { get; set; } = true;
+
     [CascadingParameter(Name = "Parent")]
     public Grid<TItem> Parent { get; set; } = default!;