Enhance DataGrid UI and Fix Style Issues

[stepwise-alan]

Pull request type

Please check the type of change your PR introduces:

• Update
• Bugfix
• Feature
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation content changes

What is the current behavior?

Issue Number: #410, #1160, #977, #256

What is the new behavior?

• Fixed issues with DataGrid row highlighting on selection and hover.
• Added sort icons to DataGrid headers.
• Corrected the appearance of DataGridComboBoxColumn in dark mode.
• Improved the overall UI of DataGrid for a more polished and modern look.

Other information

[MeltyObserver]

can a maintainer review this already? it's been 3 months...

[APerricone]

We need this, can a maintainer unblock it?

[LucaSamarCMA]

Is there a way to use the old style? I’d like to use this new release, but it has broken my UI

[chucker]

Is there a way to use the old style? I’d like to use this new release, but it has broken my UI

You should be able to take the old XAML version, give that style a name, and specify that in your grid.

[APerricone]

I see, this release still have a lot of issues, and there are new: now the grid is all transparent... why? and still ignore RowBackground and AlternatingRowBackground... now I had to add Background="#FFF" to have it white.

[chucker]

I see, this release still have a lot of issues, and there are new: now the grid is all transparent... why? and still ignore RowBackground and AlternatingRowBackground... now I had to add Background="#FFF" to have it white.

I've made a PR over at #1350. The following now works:

            <ui:DataGrid
                Height="400"
                AlternatingRowBackground="#eeeeee"
                ItemsSource="{Binding ViewModel.ProductsCollection, Mode=TwoWay}"
                RowBackground="#dddddd" />