inabox/InABox.Avalonia/Components/AvaloniaDataGrid/AvaloniaDataGrid.axaml

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
             x:Class="InABox.Avalonia.Components.AvaloniaDataGrid"
			 xmlns:components="using:InABox.Avalonia.Components"
			 xmlns:converters="using:InABox.Avalonia.Converters"
			 x:DataType="components:AvaloniaDataGrid">
    <UserControl.Resources>
        <converters:DateTimeToAgeConverter x:Key="DateTimeToAgeConverter" EmptyValue="Never Updated" Prefix="Updated" />
    </UserControl.Resources>
	<Grid>
		<Grid.RowDefinitions>
			<RowDefinition Height="Auto"/>
			<RowDefinition Height="*"/>
			<RowDefinition Height="Auto"/>
		</Grid.RowDefinitions>
		<Grid.ColumnDefinitions>
			<ColumnDefinition Width="*"/>
			<ColumnDefinition Width="Auto"/>
		</Grid.ColumnDefinitions>
		<components:SearchBar Name="SearchBar" Grid.Row="0" Grid.ColumnSpan="2"
							  PlaceholderText="Search"
							  Command="{Binding $parent[components:AvaloniaDataGrid].SearchCommand}"
							  Text="{Binding $parent[components:AvaloniaDataGrid].SearchText}"
							  Background="Transparent"
							  Margin="0,0,0,2"/>
		<Border Grid.Row="1" Grid.ColumnSpan="2"
				CornerRadius="{StaticResource PrsCornerRadius}"
				BorderThickness="{StaticResource PrsBorderThickness}"
				BorderBrush="{StaticResource PrsTileBorder}"
				ClipToBounds="True">
			<DataGrid Name="Grid" Grid.Row="1" Grid.ColumnSpan="2"
					  ItemsSource="{Binding $parent[components:AvaloniaDataGrid].ItemsSource}"
					  RowBackground="White"
					  Foreground="Black"
					  AutoGenerateColumns="False"
					  Tapped="DataGrid_Tapped"
					  SelectionChanged="DataGrid_SelectionChanged"
					  RowHeight="{Binding $parent[components:AvaloniaDataGrid].RowHeight}"
					  GridLinesVisibility="Vertical"
					  FontSize="{StaticResource PrsFontSizeSmall}"
					  CornerRadius="{StaticResource PrsCornerRadius}"
					  LoadingRow="DataGrid_LoadingRow">
				<DataGrid.Styles>
					<Style Selector="DataGridRow:nth-child(even)">
						<Setter Property="Background" Value="WhiteSmoke"/>
					</Style>
					<Style Selector="DataGridColumnHeader">
						<Setter Property="FontSize" Value="{StaticResource PrsFontSizeExtraSmall}"/>
						<Setter Property="Padding" Value="0"/>
						<Setter Property="Template">
							<ControlTemplate>
								<Border x:Name="HeaderBorder"
										Background="{TemplateBinding Background}"
										BorderBrush="{TemplateBinding BorderBrush}"
										BorderThickness="{TemplateBinding BorderThickness}"
										CornerRadius="{TemplateBinding CornerRadius}">
									<Grid Name="PART_ColumnHeaderRoot" ColumnDefinitions="*,Auto">
										<Panel Margin="{TemplateBinding Padding}"
											   HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
											   VerticalAlignment="{TemplateBinding VerticalContentAlignment}">
											<Grid>
												<Grid.ColumnDefinitions>
													<ColumnDefinition Width="*" />
													<ColumnDefinition Width="Auto" MinWidth="0" />
												</Grid.ColumnDefinitions>
												<ContentPresenter x:Name="PART_ContentPresenter"
																  Content="{TemplateBinding Content}"
																  ContentTemplate="{TemplateBinding ContentTemplate}" />
												<Path Name="SortIcon"
													  IsVisible="False"
													  Grid.Column="1"
													  Height="12"
													  HorizontalAlignment="Center"
													  VerticalAlignment="Center"
													  Fill="{TemplateBinding Foreground}"
													  Stretch="Uniform" />
											</Grid>
										</Panel>
										<Rectangle Name="VerticalSeparator"
												   Grid.Column="1"
												   Width="1"
												   VerticalAlignment="Stretch"
												   Fill="{TemplateBinding SeparatorBrush}"
												   IsVisible="{TemplateBinding AreSeparatorsVisible}" />
										<Grid x:Name="FocusVisual" IsHitTestVisible="False"
											  IsVisible="False">
											<Rectangle x:Name="FocusVisualPrimary"
													   HorizontalAlignment="Stretch"
													   VerticalAlignment="Stretch"
													   Fill="Transparent"
													   IsHitTestVisible="False"
													   Stroke="{DynamicResource DataGridCellFocusVisualPrimaryBrush}"
													   StrokeThickness="2" />
											<Rectangle x:Name="FocusVisualSecondary"
													   Margin="2"
													   HorizontalAlignment="Stretch"
													   VerticalAlignment="Stretch"
													   Fill="Transparent"
													   IsHitTestVisible="False"
													   Stroke="{DynamicResource DataGridCellFocusVisualSecondaryBrush}"
													   StrokeThickness="1" />
										</Grid>
									</Grid>
								</Border>
							</ControlTemplate>
						</Setter>
					</Style>
					<Style Selector="DataGridCell">
						<Setter Property="FontSize" Value="{StaticResource PrsFontSizeExtraSmall}"/>
					</Style>

					<Style Selector="DataGrid /template/ Border#DataGridBorder">
						<Setter Property="ClipToBounds" Value="True"/>
					</Style>
				</DataGrid.Styles>
			</DataGrid>
		</Border>
		
        <Border Name="_recordCountBox" Classes="Standard"
				Grid.Row="2"
				Grid.Column="0"
                Margin="0,2,0,0">
            <DockPanel>
                <Label Name="_recordCount" DockPanel.Dock="Right"/>
                <Label Name="_lastUpdated" Content="{Binding $parent[components:AvaloniaDataGrid].LastUpdated, FallbackValue={x:Null}, Converter={StaticResource DateTimeToAgeConverter}}" DockPanel.Dock="Right"/>
            </DockPanel>
        </Border>
        <Button Classes="Standard"
            Grid.Row="2"
            Grid.Column="1"
            Padding="4"
            Command="{Binding $parent[components:AvaloniaDataGrid].RefreshCommand}"
            IsVisible="{Binding $parent[components:AvaloniaDataGrid].RefreshVisible}"
            Margin="2,2,0,0">
            <Image
                Classes="Small">
                <Image.Source>
                    <SvgImage Source="/Images/refresh.svg"/>
                </Image.Source>
            </Image>
        </Button>
	</Grid>
</UserControl>