fix: Incorrect Header Cell Width when ColumnOptions in use in FluentDataGrid

[ratanbiswas]

🐛 Bug Report

In release v4.11.9 in FluentDataGrid the header button cell width is reduced considerably when there is ColumnOptions in use. This issue is not there in v4.11.8.

💻 Repro or Code Sample

https://www.fluentui-blazor.net/datagrid-custom-comparer-sort

[vnbaaij]

Yes, this is a small error that got introduced with v4.11.9. We are putting in some DataGrid header changes and (resize) enhancements for v4.12.0 and this will be addressed then

You run into this only when not using the HeaderCellAsButtonWithMenu parameter (with a true value, default is false). From an a11y perspective we advise to set that parameter to true.

When not using HeaderCellAsButtonWithMenu:

When using it:

(correct width is being used)