Grid Grouping

[FerrisChamp]

Hi,
I am trying to use the grid grouping panel feature, but whenever I go to rearrange the order using the drag and drop the group refuses to “drop” and gets stuck on my mouse. Do you know how to fix this?
Thank you

[admin]

Hi Ferris,

I tried to reproduce this here https://www.htmlelements.com/demos/grid/grouping-header-panel/ and tested with Edge, Chrome and Firefox. I cannot see an issue with the behavior. Do you use the latest version of the Grid component?

Regards,
Markov

Smart UI
https://www.htmlelements.com/

[FerrisChamp]

Hi, Yes my nuget package is up to date. The grid settings I have are below.

<Grid @ref="grid" id="io-page-grid" DataSource="@expandoAssets" Appearance="@appearance" Selection="@selection" Header="@header"
        Grouping="@grouping" ColumnGroups="@columnGroups" Behavior="@behavior" OnCommand="@OnCommand" Columns="@columns" Layout="@gridLayout"
        Editing="@editing" OnBeginEdit="@OnBeginEdit" OnEndEdit="@OnEndEdit" ColumnMenu="@columnMenu" Messages="@columnMenuMessages" 
        ConditionalFormatting="@conditionalFormatting" Sorting="@sorting" Filtering="@filtering" OnColumnDragEnd="@OnColumnDragEnd" 
        OnFilter="@OnFilter" OnGroup="@OnGroup" Class="smartGrid">
    </Grid>

GridAppearance appearance = new GridAppearance() { ShowColumnGroupsInColumnPanel = true, ShowRowHeaderNumber = true, ShowColumnIcon = false, ShowColumnFilterButton = true };
        GridSelection selection = new GridSelection() { Enabled = false };
        GridBehavior behavior = new GridBehavior() { AllowColumnReorder = true, AllowColumnFreeze = true, ColumnResizeMode = GridResizeMode.GrowAndShrink };
        GridGrouping grouping = new GridGrouping() { Enabled = true, GroupIndent = 0, SummaryRow = new GridGroupingSummaryRow() { Visible = false } };
        GridLayout gridLayout = new GridLayout() { ColumnWidth = "auto", RowHeight = "auto" };
        GridSorting sorting = new GridSorting() { Enabled = true, Mode = GridSortingMode.Many };
        GridFiltering filtering = new GridFiltering() { Enabled = true };
        GridDataSourceSettings dataSourceSettings = new GridDataSourceSettings() { GroupBy = new string[] { } };
        IList<GridConditionalFormatting> conditionalFormatting = new List<GridConditionalFormatting>();

        GridHeader header = new GridHeader()
        {
            Visible = true
        };

        GridEditing editing = new GridEditing()
        {
            Enabled = true,
            Mode = GridEditingMode.Cell,
            CommandColumn = new GridEditingCommandColumn()
            {
                Visible = true,
                DataSource = new GridEditingCommandColumnDataSource()
                {
                    CommandColumnCustom = new GridCommand()
                    {
                        Icon = "smart-icon-star",
                        Command = "notify",
                        Visible = false,
                        Label = "Notify Me"
                    },
                    CommandColumnDelete = new GridCommand()
                    {
                        //Icon = "smart-icon-star",
                        Command = "delete",
                        Visible = true,
                        Label = "Delete Asset"
                    },
                    CommandColumnEdit = new GridCommand()
                    {
                        Command = "edit",
                        Visible = false
                    }
                }
            }
        };

[FerrisChamp]

I just figured out its an issue with all drag and drop header button options not just the grouping.

[Markov]

Hi Ferris,

Please, share a complete project link to github or send it via email as we are unable to reproduce the issue you reported.

Thank you in advance1

Regards,
Markov

Smart UI
https://www.htmlelements.com/

[Author]

Posts