I've created a table using theSfDataGridplugin as well as a standardStacklayouttemplate to load other data.
I've contained both in a. Both load, however, they load on top of each other
The general Hierarchy of the page is as follows
<Grid>//declare Grid and following columns<syncfusion:SfDataGrid><syncfusion:SfDataGrid.Columns>syncfusion:SfDataGrid.Columns>syncfusion:SfDataGrid>//Declare Dropdowns and filters contained in a StackLayout<StackLayoutGrid.Row="3"Grid.Column="0"Grid.RowSpan="5">StackLayout>Grid>
This image demonstrates the issue occurring. As you can see the secondary data(the dropdowns) overlap on top of the table data, where it should be positioned at the bottom/under the table
KKKarthikraja Kalaimani Syncfusion Team February 1, 2023 11:55 AM UTC
By default, the DataGrid is set to 300 height if the parent height is returned as infinite. The given Grid layout has only one row and one column by default. If you add a multiple child to a Grid without specifying the child'sGrid.Rowindex, the grid will layout the child to the 0th Row index. Based on your code snippets, you have not set RowDefinitions for Grid and set Row index for DataGrid. As a result, all of Grid's Children overlap at the 0th row index. So, set the Grid and define a RowDefinitions list that represents the height of the Gird rows. Please see the highlighted code snippets and attached sample for more information.