CommunityToolkit/WindowsCommunityToolkit

Inconsistent RowDetails styles in DataGrid control

Open

#2,827 opened on Feb 25, 2019

View on GitHub
 (5 comments) (0 reactions) (0 assignees)C# (1,403 forks)batch import
DataGrid :capital_abcd:UI issue :goal_net:bug :bug:help wanted

Repository metrics

Stars
 (5,708 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

I'm submitting a...

Bug report (I searched for similar issues and did not find one)

Current behavior

I think that default DataGrid.RowDetails style is inconsitent, because when I open the page that contains DataGrid control for the first time, RowDetails are aligned with width of all columns, and when I switch model presentation mode to grouped by category there is applied small margin from the left (I suppose that it's the correct behavior, since it features the details element). But then when I switch back to default items view the margin stay as in the group view.

Expected behavior

It should set back default (0) margin style that is when this page launches for the first time.

Minimal reproduction of the problem with instructions

  1. Open the page that contains DataGrid control with implemented group view and custom RowDetails (It could be for example WindowsCommunityToolkit DataGrid demo page).
  2. Change the view mode to group, and switch back to default item view.

Environment

Nuget Package(s): 
Microsoft.Toolkit.Uwp.UI, Microsoft.Toolkit.Uwp.UI.Controls.DataGrid
Package Version(s): 
5.0.0
Windows 10 Build Number:
- [ ] Fall Creators Update (16299)
- [x] April 2018 Update (17134)
- [x] October 2018 Update (17763)
- [ ] Insider Build (build number: )

App min and target version:
- [x] Fall Creators Update (16299)
- [x] April 2018 Update (17134)
- [ ] October 2018 Update (17763)
- [ ] Insider Build (xxxxx)

Device form factor:
- [x] Desktop
- [ ] Mobile
- [ ] Xbox
- [ ] Surface Hub
- [ ] IoT

Visual Studio 
- [x] 2017 (version: )
- [ ] 2017 Preview (version: )

Contributor guide