prs/prs.mobile/comal.timesheets/DataGrid/MobileDataGrid.xaml

<?xml version="1.0" encoding="UTF-8"?>
<ContentView xmlns="http://xamarin.com/schemas/2014/forms" 
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="comal.timesheets.MobileDataGrid">
    <ContentView.Content>
        <Grid Margin="0">
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="30"/>
                <RowDefinition Height="0" x:Name="filterBtnRow"/>
            </Grid.RowDefinitions>
        
            <!-- Header Rows-->
            <Frame Grid.Row="0" Margin="0" Padding="0" BackgroundColor="Transparent" VerticalOptions="FillAndExpand">
                <Grid  x:Name="headerGrid" Margin="0" Padding="2" ColumnSpacing="0">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="50"/>
                        <RowDefinition Height="40"/>
                    </Grid.RowDefinitions>
                </Grid>
            </Frame>

            <ListView Grid.Row="1" HasUnevenRows="True" x:Name="itemsListView">
                <ListView.ItemTemplate>
                    <DataTemplate x:Name="dataTemplate">
                        <ViewCell Tapped="Row_Tapped">
                            <Grid BackgroundColor="{Binding Color}" x:Name="dataTemplateGrid">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="{Binding ColWidth0}"/>
                                    <ColumnDefinition Width="{Binding ColWidth1}"/>
                                    <ColumnDefinition Width="{Binding ColWidth2}"/>
                                    <ColumnDefinition Width="{Binding ColWidth3}"/>
                                    <ColumnDefinition Width="{Binding ImgColWidth}"/>
                                </Grid.ColumnDefinitions>

                                <Label Grid.Column="0" Text="{Binding Col0}" Margin="5, 0, 5, 0" FontSize="16"/>
                                <Label Grid.Column="1" Text="{Binding Col1}" Margin="5, 0, 5, 0" FontSize="16"/>
                                <Label Grid.Column="2" Text="{Binding Col2}" Margin="5, 0, 5, 0" FontSize="16"/>
                                <Label Grid.Column="3" Text="{Binding Col3}" Margin="5, 0, 5, 0" FontSize="16" IsVisible="{Binding Col3IsVisible}"/>

                                <Image Grid.Column="4" Source="{Binding Source}" HeightRequest="{Binding ImageHeight}" WidthRequest="{Binding ImageHeight}" IsVisible="{Binding ImageColVisible}">
                                    <Image.GestureRecognizers>
                                        <TapGestureRecognizer Tapped="Image_Tapped" CommandParameter="{Binding .}"/>
                                    </Image.GestureRecognizers>
                                </Image>
                            </Grid>
                        </ViewCell>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>

            <Frame Grid.Row="2" BackgroundColor="LightGray" Padding="0">
                <Label HorizontalOptions="Center" HorizontalTextAlignment="Center" x:Name="countLbl" VerticalOptions="Center"/>
            </Frame>

            <Frame Grid.Row="3" Padding="2" Margin="2" BorderColor="DimGray">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="60"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Label Grid.Column="0" Text="Filters:" VerticalOptions="Center" FontAttributes="Bold" Margin="3, 0, 0, 0"/>

                    <ScrollView Grid.Column="1" Orientation="Vertical">
                        <FlexLayout  x:Name="filterLayout" Wrap="Wrap"
                                    Direction="Row"
                                    JustifyContent="SpaceEvenly"
                                    AlignItems="Start"
                                    AlignContent="Start"/>
                    </ScrollView>
                </Grid>
            </Frame>

        </Grid>
    </ContentView.Content>
</ContentView>