I've created a table using the SfDataGrid
plugin as well as a standard Stacklayout
template to load other data.
I've contained both in a <Grid>
. Both load, however, they load on top of each other / under the table
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
<StackLayout Grid.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
you have to specify the Row and Column each element should appear in, otherwise they will be placed on top of one another in 0,0. This is covered in the docs