JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Data Grid › Grid Grouping › Reply To: Grid Grouping
October 23, 2023 at 8:39 pm
#109058
Participant
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
}
}
}
};