Issue with scroll in SfDataGrid

[Nitin patel]

Hi,

I am preparing an application where i have used an sfdatagrid, which has several columns in it. Most of the columns in this sfdatagrid are text, however i do have a column that shows animation each time new data is added. I insert new data each time at 0 index only. The animation shows the speed of data getting added at 0 index, It is a double animation of 1 sec. set on opacity of the Border in that cell, which fades the data in 1 sec.

Here is a code snippet of that column Template.

                   

It works properly well, unless data gets to a point where scrollbar appears. As soon as scrolling starts to happen, animation stops.

Q1) Can you please help in what can be causing this behavior to stop animating when scroll appears?

Q2) I have disabled vertical scrollbar in my sfdatagrid, however when i resize sfdatagrid after data get filled, i still see the space of scrollbar, that does not gets removed later on. 

Can you please help on both of my query?

[Jai Ganesh S]

Hi Nitin, 

We have analyzed your queries and please find the responses for your queries as below, 

Query 1: 

You can achieve your requirement to add the style for GridCell and need to add flag like IsNewRow in Model to bind in the triggers. While adding new row using button click event , Animation will trigger based on the IsNewRow flag in SfDataGrid. 

<syncfusion:GridTemplateColumn MappingName="IsNewRow"  

                                           TextAlignment="Right"> 

                     <syncfusion:GridTemplateColumn.CellStyle> 

                    <Style  TargetType="syncfusion:GridCell"> 

                         <Style.Triggers> 

                               <DataTrigger Binding="{Binding IsNewRow}"  

                                            Value="True"> 

                                   <DataTrigger.EnterActions> 

                                        <BeginStoryboard> 

                                           <Storyboard> 

                                             <ColorAnimation To="Red"  

                                    Storyboard.TargetProperty="(Button.Background).(SolidColorBrush.Color)"  

                                    FillBehavior="Stop"  

                                    Duration="0:0:0.25"/> 

                                           </Storyboard> 

                                        </BeginStoryboard> 

                                  </DataTrigger.EnterActions> 

                               </DataTrigger> 

                                <DataTrigger Binding="{Binding IsNewRow}"  

                                            Value="False"> 

                                    <Setter Property="Background" Value="Transparent"/> 

                                    

                                </DataTrigger> 

                       </Style.Triggers> 

                    </Style> 

                </syncfusion:GridTemplateColumn.CellStyle> 

 

  </syncfusion:GridTemplateColumn> 

 

Sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/AnimateGridCell_2012-38294651.zip 

Query 2: 

We are able to reproduce your reported issue in our side and we have internally logged the bug report on this. The fix for this issue will be included in our Volume 3, 2018 release. 

Regards, 

Jai Ganesh S 

[Nitin patel]

Hi,

Thanks for the solution,

we have successfully implemented it & its working great.

Regarding query 2 we would be looking forward when it is resolved.

Again,

Thanks for the solution.

[Shobika Palani]

Hi Nitin,   

   

Thanks for the update.   

We are glad to know that the given solution meets your requirement.   

Regarding Query 2: We will update you once the fix for the reported issue has been rolled out in the 2018 Volume 2 SP 1 release which will be available in July 2018.   

   

Regards,   

Shobika.