SfDataGrid content problem when using with SfTabView

[Tolgahan]

Hi all,

I am a bit confused about using datagrid and tabview together. I want to use datagrid inside a tabview object but when I place a datagrid into the tabview, content is not shown, only blank white space is shown. I have no any problem If I use datagrid out of tabview, it works well and show all content that I want.

Edit: I am using version 16.1.0.26.

Here is my codes:

public partial class TestClass: ContentPage

{

        private SfTabView tabView;

        SfDataGrid sfGrid = new SfDataGrid();

        SfDataPager sfPager = new SfDataPager();

public TestMethod()

{

            sfGrid.Columns.Add(new GridTextColumn() { HeaderText = "Test1", MappingName = "Test1" });

            sfGrid.Columns.Add(new GridTextColumn() { HeaderText = "Test2", MappingName = "Test2" });

            sfGrid.Columns.Add(new GridTextColumn() { HeaderText = "Test3", MappingName = "Test3" });

            sfPager.PageSize = 10;

            sfPager.Source = modelData;

            sfPager.AppearanceManager = new DataGridPagerCustomization();

            sfGrid.ItemsSource = sfPager.PagedSource;

            sfGrid.ColumnSizer = ColumnSizer.Star;

            sfGrid.AllowSorting = true;

            sfGrid.AutoGenerateColumns = false;

            sfGrid.AllowResizingColumn = true;

            sfGrid.AllowSwiping = false;

            sfGrid.SelectionMode = SelectionMode.SingleDeselect;

            sfGrid.SelectionChanged += sfGrid_SelectionChanged;

            sfGrid.GridStyle = new DataGridCustomStyle();

            Grid myGrid = new Grid();

            myGrid.HorizontalOptions = LayoutOptions.FillAndExpand;

            myGrid.BackgroundColor = Color.WhiteSmoke;

            myGrid.Padding = new Thickness(0, 10, 0, 0);

            myGrid.RowDefinitions = new RowDefinitionCollection

            {

              new RowDefinition { Height = 50 },

              new RowDefinition {},

            };

            myGrid.Children.Add(sfPager, 0, 0);

            myGrid.Children.Add(sfGrid, 0, 1);

            tabView = new SfTabView();

            var tabItems = new TabItemCollection

            {

                new SfTabItem()

                {

                    Title = "Title1",

                    Content = myGrid

                },

            };

            tabView.Items = tabItems;

            this.Content = tabView;

}

}

[Vishal Singh]

I am also facing the same issue, hope to get a reply soon.

[Suhasini Suresh]

Hi Tolgan / Vishal Singh, 

 

Thanks for contacting Syncfusion Support. 

 

When SfDataGrid is hosted in SfTabView, SfDataGrid is displayed, but rather when scrolling is performed in SfDataGrid, the rows and columns are not arranged correctly as expected. We are validating the defect to narrow down the cause for the issue. We will update you with the further details on or before 27^th March 2018. We appreciate your patience until then.   

 

Regards, 

Suhasini  

[Tolgahan]

Yes, data grid and data grid pager are displayed but rows are not displayed. I am waiting for good news.

Thank you.

[Vishal Singh]

Can you attach a sample of what you can see the sfdatagrid working right now even with issue on scrolling? i am even not able to show it in any way

[Eric Hamrick]

Hi,

I am having what I think is the same issue as well. I have 30 items in a list being bound to the datagrid inside a tabview.  Its only showing a subset of the items. If I scroll down it looks like there should be something displaying but it is blank.  I have attached my sample solution.  This is on 16.1.0.24. 

Eric

Attachment: DatagridInTabViewApp_9836fb81.zip

[Suhasini Suresh]

Hi Vishal, 

 

Thanks for your update. 

 

Please find the sample link below in which the issue is reproduced. In the sample, initially datagrid will be loaded, when scroll horizontally or vertically, rows and columns will not be loaded correctly as expected. 

 

Sample Link: http://www.syncfusion.com/downloads/support/forum/136557/ze/TabPageDemo-973904299  

 

Regards, 

Suhasini  

[Suhasini Suresh]

Hi Eric, 

 

Yes, we are able to reproduce the issue “When SfDataGrid is hosted in SfTabView and scrolling is performed, the rows and columns are not updated correctly as expected in SfDataGrid”. We are validating the defect to narrow down the cause for the issue. We will update you with the further details on or before 27th March 2018. We appreciate your patience until then.    

 

Regards, 

Suhasini  

[Suhasini Suresh]

Hi Vishal, 

 

We confirm that the issue “When SfDataGrid is hosted in SfTabView and scrolling is performed, the rows and columns are not updated correctly as expected in SfDataGrid” is a bug in SfTabView control. We are checking with the internal team on it, will provide you the further details based on the teams update. 

 

Regards, 

Suhasini  

 

[Vinnalan Aravazhi]

Hi Vishal,

Thanks for the update.

We have checked the reported issue from our side and we are able to reproduce the reported issue from our side. Fix will be included our upcoming 2018 Vol 1 SP 1 release, which will be rolled out by the end of this month.

Regards,
Vinnalan K A.