JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Data Grid › Grid Grouping
Tagged: grid grouping, grid grouping panel
- This topic has 4 replies, 3 voices, and was last updated 11 months, 3 weeks ago by Markov.
-
AuthorPosts
-
October 23, 2023 at 7:18 pm #109051FerrisChampParticipant
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 youOctober 23, 2023 at 8:10 pm #109054adminKeymasterHi 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,
MarkovSmart UI
https://www.htmlelements.com/October 23, 2023 at 8:39 pm #109058FerrisChampParticipantHi, 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 } } } };
October 23, 2023 at 8:47 pm #109059FerrisChampParticipantI just figured out its an issue with all drag and drop header button options not just the grouping.
October 25, 2023 at 11:09 am #109068MarkovKeymasterHi 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,
MarkovSmart UI
https://www.htmlelements.com/ -
AuthorPosts
- You must be logged in to reply to this topic.