Scrolling in SfDataGrid is not smooth when scrolling on the row and the DetailsViewDefinition. ~ Split from 186362

[Corentin Wadin]

Corentin Wadin

Jan 26, 2024 07:42 PM

Thanks, it work perfectly.

Can you tell me how can I've a smooth scroll in my SfDataGrid or I've to create another topic for this question. 

In my video, you can see there is are big difference between scroll on the Row and the DetailsViewDefinition.

Attachment: 20240126_150659_a1bc94ca.rar

[Vijayarasan Sivanandham]

Corentin Wadin,

We are able to understand your scenario. We are in need of some information related to the reported scenario. Provide the below mentioned information related to your query?

1. Can you please confirm whether the scrolling issue occurs while using TabControl or any other controls used in TemplateViewDefinition?
2. If possible, kindly provide a simple issue reproducible Sample. 

It will be helpful for us to check on it and provide you with the solution at the earliest. 

[Corentin Wadin]

Hello, 

I give you a sample to show you my scenario. I just have a Grid -> SfDataGrid -> TemplateViewDefinition.

This's the code : 

    public partial class UC_Test : UserControl
    {
        
        public ObservableCollectionWithPropertyChange<Erreur> Liste_Erreurs { get; set; }


        public UC_Test()
        {
            InitializeComponent();
            this.Liste_Erreurs = new ObservableCollectionWithPropertyChange<Erreur>();

            this.Liste_Erreurs.Add(new Erreur(false, Guid.NewGuid().ToString(), 1, "AAAAAAA"));
            this.Liste_Erreurs.Add(new Erreur(false, Guid.NewGuid().ToString(), 2, "BBBBBBB"));
            this.Liste_Erreurs.Add(new Erreur(false, Guid.NewGuid().ToString(), 3, "CCCCCCC"));
            this.Liste_Erreurs.Add(new Erreur(false, Guid.NewGuid().ToString(), 4, "DDDDDDD"));
            this.Liste_Erreurs.Add(new Erreur(false, Guid.NewGuid().ToString(), 5, "EEEEEEE"));

        }
    }

--------  --------  XAML  --------  --------

    <Grid>
        <syncfusion:SfDataGrid AutoGenerateColumns="False"
                               Height="250" Width="375"
                               HorizontalAlignment="Center"
                               VerticalAlignment="Center"
                               ItemsSource="{Binding Liste_Erreurs, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}">
            <syncfusion:SfDataGrid.Columns>
                <syncfusion:GridTextColumn HeaderText="Id" MappingName="Code" />
                <syncfusion:GridTextColumn HeaderText="Libelle" MappingName="Libelle" />
            </syncfusion:SfDataGrid.Columns>
            <syncfusion:SfDataGrid.DetailsViewDefinition>
                <syncfusion:TemplateViewDefinition HeightMode="Auto">
                    <syncfusion:TemplateViewDefinition.RowTemplate>
                        <DataTemplate>
                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="50" />
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>
                            </Grid>
                        </DataTemplate>
                    </syncfusion:TemplateViewDefinition.RowTemplate>
                </syncfusion:TemplateViewDefinition>
            </syncfusion:SfDataGrid.DetailsViewDefinition>
        </syncfusion:SfDataGrid>
    </Grid>

[Sweatha Bharathi]

Corentin Wadin,

We have analyzed your query and checked your reported scenario with your provided code snippet. The scrolling is smooth for the grid and we haven't encountered any differences. Therefore, we have set the Syncfusion TabControl inside the RowTemplate according to your video. Now, also haven't faced any issues and the scrolling is as smooth as expected. We have provided a sample for your reference. Kindly review the sample and can you please share following details,

1. Share the Syncfusion version, .Net framework target version, and installed Visual Studio version.

2. Have you made any other customizations related to your DataGrid?

This information will help us proceed further.

Attachment: MasterDetailsView_Demo_4_8_42e32c5f.zip