Grid command column is not display in Grid group columns

[Puriphat Sinanalert]

Hello, Syncfusion

I tried to use GridGroupSettings with GridCommandColumn but icon in command column is not display

Here's the code,

<GridGroupSettings ShowDropArea="false" Columns="@(new string[] {"SectionName"})"></GridGroupSettings>

<GridColumn TextAlign="TextAlign.Center" Width="5%">

                <GridCommandColumns>

                    <GridCommandColumn Type="CommandButtonType.Edit" ButtonOption="@(new CommandButtonOptions() { IconCss = "e-icons e-edit", CssClass = "e-flat" })"></GridCommandColumn>

                </GridCommandColumns>

 </GridColumn>

[Renjith Singh Rajendran]

Hi Puriphat, 

Thanks for contacting Syncfusion support. 

We have confirmed this as a defect and logged a defect report for the same. Thank you for taking the time to report this issue “Problem with rendering CommandColumn after performing grouping operation in Grid” and helping us improve our product. At Syncfusion, we are committed to fixing all validated defects (subject to technological feasibility and Product Development Life Cycle ) and including the defect fix in our upcoming bi-weekly release which is expected to be rolled out on or before February 19, 2020.  

  

You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.  

Feedback Link : https://www.syncfusion.com/feedback/12059/commandcolumns-is-not-rendered-during-grouping-operation-on-grid 

 

Please get back to us if you need further assistance. 

Regards, 

Renjith Singh Rajendran. 

[Andy Corrigan]

Hi Renjith,

I've encountered a similar issue with the command column, only my issue is when freezing said column; so I figured I'd mention it just incase you weren't aware of that one as I suspect the fix would be very similar. For reference:

In this structure the command column button doesn't show:

<SfGrid @ref="studentGrid" ID="studentGrid" DataSource="students" RowHeight="30"
                    AllowFiltering="true" AllowPaging="true" AllowSelection="true" AllowSorting="true" Height="100%" Width="100%" class="table" EnableHover="true"
                    Toolbar="@(new List<object>() { "Print","ExcelExport","PdfExport","csvExport" })"
                    AllowExcelExport="true" AllowPdfExport="true"
                    ContextMenuItems="@(new List<object>() { "AutoFit", "AutoFitAll", "SortAscending", "SortDescending","Copy","PdfExport", "ExcelExport", "CsvExport", "FirstPage", "PrevPage","LastPage", "NextPage"})">
                <GridEvents TValue="StudentBasicDetailsWithCurrentTg" OnToolbarClick="ToolbarClick" CommandClicked="OnCommandClicked" RowSelected="OnClicked"></GridEvents>
                <GridAggregates>
                    <GridAggregate>
                        <GridAggregateColumns>
                            <GridAggregateColumn Field="StudentID" Type="AggregateType.Count">
                                <FooterTemplate>
                                    @{
                                        var aggregate = (context as AggregateTemplateContext);
                                        <div>
                                            <p>
                                                No Students:
                                                @if (aggregate != null)
                                                {
                                                    @aggregate.Count
                                                }
                                            </p>
                                        </div>
                                    }
                                </FooterTemplate>
                            </GridAggregateColumn>
                        </GridAggregateColumns>
                    </GridAggregate>
                </GridAggregates>
                <GridFilterSettings Type="Syncfusion.Blazor.Grids.FilterType.Menu"></GridFilterSettings>
                <GridPageSettings PageSize="10"></GridPageSettings>
                <GridSortSettings>
                    <GridSortColumns>
                        <GridSortColumn Field=@nameof(StudentBasicDetailsWithCurrentTg.Lastname_Forenames) Direction="SortDirection.Ascending"></GridSortColumn>
                    </GridSortColumns>
                </GridSortSettings>
                <GridColumns>
                    <GridColumn HeaderText="Student ID" Width="100px">
                        <Template>
                            @{
                                var student = (context as StudentBasicDetailsWithCurrentTg);
                                <SfTooltip SfTooltip.HtmlAttributes="HtmlAttribute" ShowTipPointer="true" Position="Position.RightCenter" Width="400">
                                    <TooltipTemplates>
                                        <Content>
                                            <StudentMiniDetails student="@(student)"></StudentMiniDetails>
                                        </Content>
                                    </TooltipTemplates>
 
                                    @student.StudentId
                                </SfTooltip>
                            }
                        </Template>
                    </GridColumn>
                    <GridColumn Field=@nameof(StudentBasicDetailsWithCurrentTg.Lastname_Forenames) HeaderText="Name" Width="130px" IsFrozen="true" Freeze="FreezeDirection.Left"></GridColumn>
                    <GridColumn Field=@nameof(StudentBasicDetailsWithCurrentTg.DoB) HeaderText="DoB" Width="100px" Format="dd/MM/yyyy" Type="ColumnType.Date"></GridColumn>
                    <GridColumn Field=@nameof(StudentBasicDetailsWithCurrentTg.StudentStatus) TextAlign="TextAlign.Center" HeaderText="Status" Width="60px" FilterSettings="@(new FilterSettings { Type = Syncfusion.Blazor.Grids.FilterType.CheckBox })">
                        <Template>
                            @{
                                student = (context as StudentBasicDetailsWithCurrentTg);
                                if (student.StudentStatus.Contains("-Y"))
                                {
                                    <div class="statustemp e-activecolor">
                                        <span class="statustemp e-activecolor">@student.StudentStatus.Trim()</span>
                                    </div>
                                }
                                else
                                {
                                    <div class="statustemp e-inactivecolor">
                                        <span class="statustemp e-inactivecolor">@student.StudentStatus.Trim()</span>
                                    </div>
                                }
                            }
                        </Template>
                    </GridColumn>
                    <GridColumn Field="@nameof(StudentBasicDetailsWithCurrentTg.CodeList)" HeaderText="Staff Code List" Width="80px"></GridColumn>
                    <GridColumn HeaderText="Add Tagged" TextAlign="TextAlign.Center" Width="100px" IsFrozen="true" Freeze="FreezeDirection.Right">
                        <GridCommandColumns>
                            <GridCommandColumn ButtonOption="@(new CommandButtonOptions() { CssClass="e-icons1 e-icons e-bookmark"})" Title="Add Tagged Student"></GridCommandColumn>
                        </GridCommandColumns>
                    </GridColumn>
                </GridColumns>
            </SfGrid>

However, if I unfreeze all columns, the button shows.

[Renjith Singh Rajendran]

Hi Andy, 

Greetings from Syncfusion support. 

We have confirmed it as a bug and logged the defect report “Problem with rendering commandcolumn when enable IsFrozen property” for the same. Thank you for taking the time to report this issue and helping us improve our product. At Syncfusion, we are committed to fixing all validated defects (subject to technological feasibility and Product Development Life Cycle) and including the defect fix in our weekly release which is expected to be rolled out by the mid of July, 2021.  

       

You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.       

Feedback : https://www.syncfusion.com/feedback/26872/problem-with-rendering-commandcolumn-when-enable-isfrozen-property 

Regards, 

Renjith R