[Solved] Comboboxcolumn style's bug when scrolling

[Oleg]

The GridView design like this




After scrolling the bottom scroll bar, the style of column "Exchange" and "Sector" are messed up.




And scroll it again, sometimes it will look like this:




Here attached the xaml code:

       <telerik:RadGridView Grid.Row="0" x:Name="CommoditiesGrid"
            ItemsSource="{Binding Commodities}"
            AutoGenerateColumns="False"
            IsBusy="{Binding IsBusy}"
            IsEnabled="True"
            IsReadOnly="{Binding IsEditable, Converter={StaticResource NotOperatorValueConverter}}"
            ActionOnLostFocus="CancelEdit"
            ShowInsertRow="{Binding IsEditable}"
            CanUserInsertRows="{Binding IsEditable}"
            CanUserDeleteRows="{Binding IsEditable}"
            CanUserFreezeColumns="False"
            CanUserReorderColumns="False"
            CanUserResizeColumns="True"
            CanUserSortColumns="True"
            IsFilteringAllowed="False"
            ShowGroupPanel="False"
            CanUserResizeRows="False"
            CanUserSelect="True"
            SelectedItem="{Binding SelectedCommodity, Mode=TwoWay}"
            IsSynchronizedWithCurrentItem="True"
            ScrollViewer.HorizontalScrollBarVisibility="Auto"
            ScrollViewer.VerticalScrollBarVisibility="Auto"
            Loaded="CommoditiesGrid_Loaded"
            DataLoaded="CommoditiesGrid_DataLoaded"
            RowIsExpandedChanging="CommoditiesGrid_RowIsExpandedChanging"
            AddingNewDataItem="CommoditiesGrid_AddingNewDataItem"
            Deleting="Grid_Deleting"
            BeginningEdit="Grid_BeginningEdit"
            RowValidating="Grid_RowValidating"
            RowEditEnded="Grid_RowEditEnded"
            CopyingCellClipboardContent="Grid_CopyingCellClipboardContent"
            Pasting="Grid_Pasting"
            CellEditEnded="CommoditiesGrid_CellEditEnded"
            >

            <telerik:RadGridView.HeaderRowStyle>
                <Style TargetType="telerik:GridViewHeaderRow">
                    <Setter Property="Height" Value="32" />
                </Style>
            </telerik:RadGridView.HeaderRowStyle>

            <telerik:RadGridView.Columns>
                <telerik:GridViewDataColumn UniqueName="Symbol" Header="Symbol"
                    HeaderCellStyle="{StaticResource GridViewHeaderCellStyle}" HeaderTextAlignment="Left" TextAlignment="Left" Width="70"
                    DataMemberBinding="{Binding Symbol, Mode=TwoWay, TargetNullValue=''}" />
                <telerik:GridViewDataColumn UniqueName="Description" Header="Description"
                    HeaderCellStyle="{StaticResource GridViewHeaderCellStyle}" HeaderTextAlignment="Left" TextAlignment="Left" Width="250"
                    DataMemberBinding="{Binding Description, Mode=TwoWay, TargetNullValue=''}" />
                <telerik:GridViewComboBoxColumn UniqueName="ExchangeId" Header="Exchange"
                    HeaderCellStyle="{StaticResource GridViewHeaderCellStyle}" HeaderTextAlignment="Left"  Width="380"
                    DataMemberBinding="{Binding ExchangeId, Mode=TwoWay}" SelectedValueMemberPath="Id">
                    <telerik:GridViewComboBoxColumn.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Width="354">
                                <TextBlock Text="{Binding Name}" FontWeight="Bold" />
                                <TextBlock Text="   " />
                                <TextBlock Text="{Binding Description}" />
                            </StackPanel>
                        </DataTemplate>
                    </telerik:GridViewComboBoxColumn.ItemTemplate>
                </telerik:GridViewComboBoxColumn>
                <telerik:GridViewComboBoxColumn UniqueName="SectorId" Header="Sector"
                                                    HeaderCellStyle="{StaticResource GridViewHeaderCellStyle}"
                                                    HeaderTextAlignment="Left" TextAlignment="Left" Width="140"
                                                    DataMemberBinding="{Binding SectorId, Mode=TwoWay}"
                                                    SelectedValueMemberPath="Id"
                                                    DisplayMemberPath="Description">
                    <!--<telerik:GridViewComboBoxColumn.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Width="114">
                                <TextBlock Text="{Binding Description}" />
                            </StackPanel>
                        </DataTemplate>
                    </telerik:GridViewComboBoxColumn.ItemTemplate>-->
                </telerik:GridViewComboBoxColumn>

                ...

                <telerik:RadGridView.ChildTableDefinitions> balabala </telerik:RadGridView.ChildTableDefinitions>
                <telerik:RadGridView.HierarchyChildTemplate>balabala </telerik:RadGridView.HierarchyChildTemplate>
</telerik:RadGridView>

[Vera]

Hi Oleg,

I tried to reproduce the issue using the provided details but I was not able to. Attached you can find the project used for the test. Are you able to get the problem on it?

Regards,
Vera
Telerik

[Oleg]

Hi Vera,

The bug still shows in your code.

First it looks good as picture 1.
Move the bottom scroll bar to the position like picture 2. And "Club" column's style will change.
Scroll back results shows in picture 3.
If scroll more until club column hide into left side and scroll back. The style will recover to picture 1.

And in my project, The behavior looks like that but more unpredictable. 

[Vera]

Hello Oleg,

Indeed, you are right. We reproduced the problem and we will investigate it further in order to provide a fix.

Please excuse us for the inconvenience caused. Your Telerik points have been updated accordingly.

Regards,
Vera
Telerik