diff --git a/knowledge-base/grid-conditionally-hide-command-buttons.md b/knowledge-base/grid-conditionally-hide-command-buttons.md
new file mode 100644
index 000000000..47a7d282b
--- /dev/null
+++ b/knowledge-base/grid-conditionally-hide-command-buttons.md
@@ -0,0 +1,237 @@
+---
+title: Conditionally Hide Command Buttons in Blazor Grid
+description: Learn how to conditionally show or hide command buttons in a Blazor Grid based on row data values.
+type: how-to
+page_title: How to Dynamically Hide Command Buttons in Blazor Grid
+slug: grid-kb-conditionally-hide-command-buttons
+tags: blazor, grid, commandbutton
+res_type: kb
+ticketid: 1675338
+---
+
+## Environment
+
+
+
+
+ | Product |
+
+ Grid for Blazor
+ |
+
+
+
+
+## Description
+In some scenarios, you might want to conditionally show or hide command buttons in a [Grid for Blazor](slug://grid-overview) based on the data of the current row. For instance, you may want to display a delete button only for items that meet certain criteria. This article demonstrates how to achieve this behavior by using the context of the command column.
+
+## Solution
+To conditionally show or hide command buttons in a Grid, use the context parameter of the `GridCommandColumn` to access the current row's data. Based on this data, you can conditionally render the command button.
+
+````RAZOR
+@CustomCommandResult
+
+
+
+
+
+
+
+ @{
+ var item = (SampleData)dataItem;
+ }
+ Edit
+ Save
+ Cancel
+ @if (item.ID % 2 == 0)
+ {
+ My Command
+ }
+
+
+
+
+@code {
+ private List GridData { get; set; }
+ private MarkupString CustomCommandResult { get; set; }
+
+ public class SampleData
+ {
+ public int ID { get; set; }
+ public string Name { get; set; }
+ public DateTime HireDate { get; set; }
+ }
+
+ private async Task HandleCustomSave(GridCommandEventArgs args)
+ {
+ SampleData theUpdatedItem = args.Item as SampleData;
+ }
+
+ private async Task HandleCustomButtonClick(GridCommandEventArgs args)
+ {
+ CustomCommandResult = new MarkupString(CustomCommandResult + string.Format("
Custom command triggered for item {0}", (args.Item as SampleData).ID));
+ }
+
+ private async Task HandleUpdate(GridCommandEventArgs args)
+ {
+ SampleData theUpdatedItem = args.Item as SampleData;
+
+ await MyService.Update(theUpdatedItem);
+
+ await GetGridData();
+ }
+
+ private async Task GetGridData()
+ {
+ GridData = await MyService.Read();
+ }
+
+ protected override async Task OnInitializedAsync()
+ {
+ await GetGridData();
+ }
+
+ public static class MyService
+ {
+ private static List _data { get; set; } = new List();
+
+ public static async Task> Read()
+ {
+ if (_data.Count < 1)
+ {
+ _data = Enumerable.Range(1, 50).Select(i => new SampleData
+ {
+ ID = i,
+ Name = $"name {i}",
+ HireDate = DateTime.Now.AddDays(-i)
+ }).ToList();
+ }
+
+ return await Task.FromResult(_data);
+ }
+
+ public static async Task Update(SampleData itemToUpdate)
+ {
+ var index = _data.FindIndex(i => i.ID == itemToUpdate.ID);
+ if (index != -1)
+ {
+ _data[index] = itemToUpdate;
+ }
+ }
+ }
+}
+````
+
+### Note
+If you prefer not to remove the button from the DOM but simply hide it, you can conditionally set the `Class` parameter of the `GridCommandButton` tag and use CSS to hide the button.
+
+````RAZOR
+
+
+@CustomCommandResult
+
+
+
+
+
+
+
+ @{
+ var item = (SampleData)dataItem;
+ }
+ Edit
+ Save
+ Cancel
+ My Command
+
+
+
+
+@code {
+ private List GridData { get; set; }
+ private MarkupString CustomCommandResult { get; set; }
+
+ public class SampleData
+ {
+ public int ID { get; set; }
+ public string Name { get; set; }
+ public DateTime HireDate { get; set; }
+ }
+
+ private async Task HandleCustomSave(GridCommandEventArgs args)
+ {
+ SampleData theUpdatedItem = args.Item as SampleData;
+ }
+
+ private async Task HandleCustomButtonClick(GridCommandEventArgs args)
+ {
+ CustomCommandResult = new MarkupString(CustomCommandResult + string.Format("
Custom command triggered for item {0}", (args.Item as SampleData).ID));
+ }
+
+ private async Task HandleUpdate(GridCommandEventArgs args)
+ {
+ SampleData theUpdatedItem = args.Item as SampleData;
+
+ await MyService.Update(theUpdatedItem);
+
+ await GetGridData();
+ }
+
+ private async Task GetGridData()
+ {
+ GridData = await MyService.Read();
+ }
+
+ protected override async Task OnInitializedAsync()
+ {
+ await GetGridData();
+ }
+
+ public static class MyService
+ {
+ private static List _data { get; set; } = new List();
+
+ public static async Task> Read()
+ {
+ if (_data.Count < 1)
+ {
+ _data = Enumerable.Range(1, 50).Select(i => new SampleData
+ {
+ ID = i,
+ Name = $"name {i}",
+ HireDate = DateTime.Now.AddDays(-i)
+ }).ToList();
+ }
+
+ return await Task.FromResult(_data);
+ }
+
+ public static async Task Update(SampleData itemToUpdate)
+ {
+ var index = _data.FindIndex(i => i.ID == itemToUpdate.ID);
+ if (index != -1)
+ {
+ _data[index] = itemToUpdate;
+ }
+ }
+ }
+}
+````
+
+## See Also
+* [Grid Overview](slug://grid-overview)
+* [Grid Command Column](slug://components/grid/columns/command)