[DataGrid] Fix column options popup being blank

[vnbaaij]

• Fix fix: Unexpected column options icon in FluentDataGrid #2669
• Make Reset and set width methods public

With implementing the HeaderCellAsButtonWithMenu a couple of things got mixed up and that is why issue #2669 happened. This PR fixes that.

We added the option to do resize within the same popup as the filter earlier. When using the new HeaderCellAsButtonWithMenu parameter set to true, the different column action will be shown with a menu. If false, the resize action (either discrete or exact and the filter action will show in the same popup:

[github-actions]

✅ All tests passed successfully

Details on your Workflow / Core Tests page.

[github-actions]

Summary - Unit Tests Code Coverage

Summary

Generated on:	9/18/2024 - 9:34:03 AM
Coverage date:	9/18/2024 - 9:33:38 AM
Parser:	Cobertura
Assemblies:	1
Classes:	244
Files:	342
Line coverage:	61.2% (5374 of 8776)
Covered lines:	5374
Uncovered lines:	3402
Coverable lines:	8776
Total lines:	29925
Branch coverage:	52.1% (2624 of 5027)
Covered branches:	2624
Total branches:	5027
Method coverage:	Feature is only available for sponsors
Tag:	1501_10919440647

Coverage

Microsoft.FluentUI.AspNetCore.Components - 61.2%

Name	Line	Branch
Microsoft.FluentUI.AspNetCore.Components	61.2%	52.1%
Microsoft.FluentUI.AspNetCore.Components.AccordionChangeEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.ActionButton`1	50%
Microsoft.FluentUI.AspNetCore.Components.ActionLink`1	0%
Microsoft.FluentUI.AspNetCore.Components.CalendarExtended	95%	86.6%
Microsoft.FluentUI.AspNetCore.Components.CalendarTitles	87%	76.6%
Microsoft.FluentUI.AspNetCore.Components.CheckboxChangeEventArgs	50%
Microsoft.FluentUI.AspNetCore.Components.ColumnBase`1	32.9%	10.2%
Microsoft.FluentUI.AspNetCore.Components.ColumnOptionsLabels	66.6%
Microsoft.FluentUI.AspNetCore.Components.ColumnResizeLabels	88.8%
Microsoft.FluentUI.AspNetCore.Components.ColumnResizeOptions`1	0%	0%
Microsoft.FluentUI.AspNetCore.Components.ColumnSortLabels	80%
Microsoft.FluentUI.AspNetCore.Components.CommunicationToast	0%	0%
Microsoft.FluentUI.AspNetCore.Components.CommunicationToastContent	0%
Microsoft.FluentUI.AspNetCore.Components.ComponentParameters	16.6%	0%
Microsoft.FluentUI.AspNetCore.Components.Components.DateTime.RangeOfDates	100%	50%
Microsoft.FluentUI.AspNetCore.Components.Components.Tooltip.TooltipGlobalOp tions	40%
Microsoft.FluentUI.AspNetCore.Components.Components.Tooltip.TooltipOptions	100%
Microsoft.FluentUI.AspNetCore.Components.Components.Tooltip.TooltipService	72.5%	50%
Microsoft.FluentUI.AspNetCore.Components.CountdownTimer	0%	0%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.AsyncQuery ExecutorSupplier	72.7%	71.4%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.ColumnsCol lectedNotifier`1	87.5%	50%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.Defer	100%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.DisplayAtt ributeExtensions	66.6%	50%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.InternalGr idContext`1	90.9%	100%
Microsoft.FluentUI.AspNetCore.Components.DataGridCellFocusEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.DataGridRowFocusEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.DialogEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.DialogInstance	92.3%	75%
Microsoft.FluentUI.AspNetCore.Components.DialogParameters	92.5%
Microsoft.FluentUI.AspNetCore.Components.DialogParameters`1	100%
Microsoft.FluentUI.AspNetCore.Components.DialogReference	36.3%	37.5%
Microsoft.FluentUI.AspNetCore.Components.DialogResult	0%	0%
Microsoft.FluentUI.AspNetCore.Components.DialogService	4.1%	3.3%
Microsoft.FluentUI.AspNetCore.Components.Emoji	0%	0%
Microsoft.FluentUI.AspNetCore.Components.EmojiCompress	0%	0%
Microsoft.FluentUI.AspNetCore.Components.EmojiInfo	0%
Microsoft.FluentUI.AspNetCore.Components.Extensions.AdditionalAttributesExt ensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Extensions.BooleanExtensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Extensions.DateTimeExtensions	82.5%	85%
Microsoft.FluentUI.AspNetCore.Components.Extensions.EnumExtensions	70.5%	59%
Microsoft.FluentUI.AspNetCore.Components.Extensions.FluentInputExtensions	0%	0%
Microsoft.FluentUI.AspNetCore.Components.Extensions.UrlFormatterExtensions	100%	75%
Microsoft.FluentUI.AspNetCore.Components.FluentAccessibilityStatus	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentAccordion	60%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentAccordionItem	76%	35.7%
Microsoft.FluentUI.AspNetCore.Components.FluentAnchor	89.7%	67.8%
Microsoft.FluentUI.AspNetCore.Components.FluentAnchoredRegion	87.5%	60%
Microsoft.FluentUI.AspNetCore.Components.FluentAppBar	53.7%	35.2%
Microsoft.FluentUI.AspNetCore.Components.FluentAppBarItem	82.1%	60%
Microsoft.FluentUI.AspNetCore.Components.FluentAutocomplete`1	87.9%	76.4%
Microsoft.FluentUI.AspNetCore.Components.FluentBadge	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentBodyContent	100%
Microsoft.FluentUI.AspNetCore.Components.FluentBreadcrumb	100%
Microsoft.FluentUI.AspNetCore.Components.FluentBreadcrumbItem	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentButton	84.6%	64%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendar	89%	82.6%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendarBase	93.3%	81.2%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendarDay	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendarMonth	100%	66.6%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendarYear	90.9%	60%
Microsoft.FluentUI.AspNetCore.Components.FluentCard	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCheckbox	90.7%	87%
Microsoft.FluentUI.AspNetCore.Components.FluentCollapsibleRegion	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCombobox`1	81.8%	70%
Microsoft.FluentUI.AspNetCore.Components.FluentComponentBase	90.9%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentCounterBadge	93.1%	86.5%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGrid`1	59.6%	45.2%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGridCell`1	72%	37.5%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGridRow`1	55.7%	28.5%
Microsoft.FluentUI.AspNetCore.Components.FluentDatePicker	86.5%	56.5%
Microsoft.FluentUI.AspNetCore.Components.FluentDesignSystemProvider	100%
Microsoft.FluentUI.AspNetCore.Components.FluentDesignTheme	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentDialog	60.7%	67.5%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogBody	100%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogFooter	62.5%	43.3%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogHeader	80.9%	81.8%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogProvider	59.7%	52.1%
Microsoft.FluentUI.AspNetCore.Components.FluentDivider	86.3%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentDragContainer`1	69.2%
Microsoft.FluentUI.AspNetCore.Components.FluentDragEventArgs`1	0%
Microsoft.FluentUI.AspNetCore.Components.FluentDropZone`1	20%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentEditForm	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentEmoji`1	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentFlipper	100%
Microsoft.FluentUI.AspNetCore.Components.FluentFooter	100%
Microsoft.FluentUI.AspNetCore.Components.FluentGrid	71.4%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentGridItem	87.2%	82.5%
Microsoft.FluentUI.AspNetCore.Components.FluentHeader	100%
Microsoft.FluentUI.AspNetCore.Components.FluentHighlighter	92.3%	20%
Microsoft.FluentUI.AspNetCore.Components.FluentHorizontalScroll	59.3%	20%
Microsoft.FluentUI.AspNetCore.Components.FluentIcon`1	87.8%	81.2%
Microsoft.FluentUI.AspNetCore.Components.FluentInputBase`1	70%	61%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFile	88.4%	76.6%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFileBuffer	100%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFileEventArgs	91.6%
Microsoft.FluentUI.AspNetCore.Components.FluentInputLabel	100%	95%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCode	90.1%	90%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCodeEventArgs	100%	75%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCodeProvider	40%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentLabel	72.7%	21.4%
Microsoft.FluentUI.AspNetCore.Components.FluentLayout	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentListbox`1	93.3%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentMain	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMainLayout	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMenu	35.7%	40.7%
Microsoft.FluentUI.AspNetCore.Components.FluentMenuButton	70.2%	8.3%
Microsoft.FluentUI.AspNetCore.Components.FluentMenuItem	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentMenuProvider	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentMessageBar	54.1%	25%
Microsoft.FluentUI.AspNetCore.Components.FluentMessageBarProvider	82.3%	66.6%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitter	81.7%	66.6%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterPane	97.1%	91%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterResizeEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentNavBase	55.1%	16.6%
Microsoft.FluentUI.AspNetCore.Components.FluentNavGroup	62.1%	36.6%
Microsoft.FluentUI.AspNetCore.Components.FluentNavLink	86.3%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentNavMenu	59.6%	33.3%
Microsoft.FluentUI.AspNetCore.Components.FluentNavMenuGroup	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentNavMenuItemBase	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentNavMenuLink	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentNavMenuTree	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentNumberField`1	64.4%	47.9%
Microsoft.FluentUI.AspNetCore.Components.FluentOption`1	78.9%	58.3%
Microsoft.FluentUI.AspNetCore.Components.FluentOverflow	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentOverflowItem	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentOverlay	74.7%	56.2%
Microsoft.FluentUI.AspNetCore.Components.FluentPageScript	100%
Microsoft.FluentUI.AspNetCore.Components.FluentPaginator	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentPersona	100%	78.1%
Microsoft.FluentUI.AspNetCore.Components.FluentPopover	77%	65.9%
Microsoft.FluentUI.AspNetCore.Components.FluentPresenceBadge	60.3%	29.1%
Microsoft.FluentUI.AspNetCore.Components.FluentProfileMenu	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentProgress	85.7%	68.1%
Microsoft.FluentUI.AspNetCore.Components.FluentProgressRing	97.4%	92.8%
Microsoft.FluentUI.AspNetCore.Components.FluentPullToRefresh	93.9%	89.2%
Microsoft.FluentUI.AspNetCore.Components.FluentRadio`1	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentRadioContext	70%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentRadioGroup`1	76.9%	20%
Microsoft.FluentUI.AspNetCore.Components.FluentRating	82.6%	84.2%
Microsoft.FluentUI.AspNetCore.Components.FluentSearch	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentSelect`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSkeleton	42.8%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentSlider`1	83.8%	70%
Microsoft.FluentUI.AspNetCore.Components.FluentSliderLabel`1	63.1%	30%
Microsoft.FluentUI.AspNetCore.Components.FluentSortableList`1	80%	59%
Microsoft.FluentUI.AspNetCore.Components.FluentSortableListEventArgs	83.3%
Microsoft.FluentUI.AspNetCore.Components.FluentSpacer	100%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentSplashScreen	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentSplitter	68.4%	40%
Microsoft.FluentUI.AspNetCore.Components.FluentStack	90.2%	60%
Microsoft.FluentUI.AspNetCore.Components.FluentSwitch	88.8%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentTab	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentTabs	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentTextArea	84.2%
Microsoft.FluentUI.AspNetCore.Components.FluentTextField	88.5%	60%
Microsoft.FluentUI.AspNetCore.Components.FluentTimePicker	100%	90%
Microsoft.FluentUI.AspNetCore.Components.FluentToast	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentToastProvider	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentToolbar	100%
Microsoft.FluentUI.AspNetCore.Components.FluentTooltip	88.8%	64.2%
Microsoft.FluentUI.AspNetCore.Components.FluentTooltipProvider	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentTreeItem	85.3%	75%
Microsoft.FluentUI.AspNetCore.Components.FluentTreeView	91.3%	84.3%
Microsoft.FluentUI.AspNetCore.Components.FluentValidationMessage`1	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentValidationSummary	100%	87.5%
Microsoft.FluentUI.AspNetCore.Components.FluentWizard	93.1%	83.3%
Microsoft.FluentUI.AspNetCore.Components.FluentWizardStep	97%	88.3%
Microsoft.FluentUI.AspNetCore.Components.FluentWizardStepArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentWizardStepChangeEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.GlobalState	33.3%	50%
Microsoft.FluentUI.AspNetCore.Components.GridItemsProviderRequest`1	92.3%	41.6%
Microsoft.FluentUI.AspNetCore.Components.GridItemsProviderResult	100%
Microsoft.FluentUI.AspNetCore.Components.GridItemsProviderResult`1	100%
Microsoft.FluentUI.AspNetCore.Components.GridSort`1	35.1%	25.9%
Microsoft.FluentUI.AspNetCore.Components.HorizontalScrollEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.Icon	81.3%	85.2%
Microsoft.FluentUI.AspNetCore.Components.IconFromImage	100%
Microsoft.FluentUI.AspNetCore.Components.IconInfo	100%
Microsoft.FluentUI.AspNetCore.Components.Identifier	66.6%	62.5%
Microsoft.FluentUI.AspNetCore.Components.IdentifierContext	66.6%	41.6%
Microsoft.FluentUI.AspNetCore.Components.INavMenuItemsOwner	0%
Microsoft.FluentUI.AspNetCore.Components.Infrastructure.EventCallbackSubscr ibable`1	83.3%	100%
Microsoft.FluentUI.AspNetCore.Components.Infrastructure.EventCallbackSubscr iber`1	90%	75%
Microsoft.FluentUI.AspNetCore.Components.InputHelpers`1	36.9%	31.2%
Microsoft.FluentUI.AspNetCore.Components.InternalAppBarContext	100%	100%
Microsoft.FluentUI.AspNetCore.Components.InternalDialogContext	80%
Microsoft.FluentUI.AspNetCore.Components.InternalListContext`1	80%	66.6%
Microsoft.FluentUI.AspNetCore.Components.InternalToastContext	0%
Microsoft.FluentUI.AspNetCore.Components.KeyCodeService	60.3%	28.5%
Microsoft.FluentUI.AspNetCore.Components.LibraryConfiguration	88.2%	50%
Microsoft.FluentUI.AspNetCore.Components.ListComponentBase`1	62.4%	59.5%
Microsoft.FluentUI.AspNetCore.Components.LoadedEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.LuminanceChangedEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.MenuChangeEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.MenuService	0%	0%
Microsoft.FluentUI.AspNetCore.Components.Message	50%	0%
Microsoft.FluentUI.AspNetCore.Components.MessageBox	66.6%	0%
Microsoft.FluentUI.AspNetCore.Components.MessageBoxContent	0%
Microsoft.FluentUI.AspNetCore.Components.MessageOptions	76.9%
Microsoft.FluentUI.AspNetCore.Components.MessageService	33%	26.9%
Microsoft.FluentUI.AspNetCore.Components.NavMenuActionArgs	0%	0%
Microsoft.FluentUI.AspNetCore.Components.OfficeColorUtilities	0%
Microsoft.FluentUI.AspNetCore.Components.Option`1	0%
Microsoft.FluentUI.AspNetCore.Components.OptionsSearchEventArgs`1	100%
Microsoft.FluentUI.AspNetCore.Components.OverflowItem	100%
Microsoft.FluentUI.AspNetCore.Components.PaginationState	0%	0%
Microsoft.FluentUI.AspNetCore.Components.ProgressFileDetails	100%
Microsoft.FluentUI.AspNetCore.Components.ProgressToast	0%	0%
Microsoft.FluentUI.AspNetCore.Components.ProgressToastContent	0%
Microsoft.FluentUI.AspNetCore.Components.PropertyColumn`2	80%	52.6%
Microsoft.FluentUI.AspNetCore.Components.RenderFragmentDialog	100%
Microsoft.FluentUI.AspNetCore.Components.Resources.TimeAgoResource	76.1%	100%
Microsoft.FluentUI.AspNetCore.Components.SelectAllTemplateArgs	100%
Microsoft.FluentUI.AspNetCore.Components.SelectColumn`1	85.9%	79.4%
Microsoft.FluentUI.AspNetCore.Components.SelectDatesHoverEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.ServiceCollectionExtensions	80%	100%
Microsoft.FluentUI.AspNetCore.Components.SortedProperty	0%
Microsoft.FluentUI.AspNetCore.Components.SplashScreenContent	0%	0%
Microsoft.FluentUI.AspNetCore.Components.SplitterCollapsedEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.SplitterResizedEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.StandardLuminanceExtensions	0%	0%
Microsoft.FluentUI.AspNetCore.Components.StaticAssetServiceConfiguration	0%	0%
Microsoft.FluentUI.AspNetCore.Components.TabChangeEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.TemplateColumn`1	0%	0%
Microsoft.FluentUI.AspNetCore.Components.TimeAgoOptions	92.3%
Microsoft.FluentUI.AspNetCore.Components.ToastInstance	0%	0%
Microsoft.FluentUI.AspNetCore.Components.ToastParameters	0%
Microsoft.FluentUI.AspNetCore.Components.ToastParameters`1	0%
Microsoft.FluentUI.AspNetCore.Components.ToastResult	0%	0%
Microsoft.FluentUI.AspNetCore.Components.ToastService	0%	0%
Microsoft.FluentUI.AspNetCore.Components.TreeChangeEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.TreeViewItem	100%
Microsoft.FluentUI.AspNetCore.Components.TreeViewItemExpandedEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.UploadedFileDetails	0%
Microsoft.FluentUI.AspNetCore.Components.Utilities.CssBuilder	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.Debouncer	94.8%	37.5%
Microsoft.FluentUI.AspNetCore.Components.Utilities.InlineStyleBuilder	96.4%	87.5%
Microsoft.FluentUI.AspNetCore.Components.Utilities.JSModule	0%	0%
Microsoft.FluentUI.AspNetCore.Components.Utilities.RangeOf`1	96.7%	94.4%
Microsoft.FluentUI.AspNetCore.Components.Utilities.Splitter	82.8%	81.8%
Microsoft.FluentUI.AspNetCore.Components.Utilities.StyleBuilder	100%	91.6%
Microsoft.FluentUI.AspNetCore.Components.ZIndex	100%
System.Text.RegularExpressions.Generated	76.6%	51.4%