Semi.Avalonia/demo/Semi.Avalonia.Demo/Pages/VariablesDemo.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"
             xmlns:vm="clr-namespace:Semi.Avalonia.Demo.ViewModels"
             xmlns:pages="clr-namespace:Semi.Avalonia.Demo.Pages"
             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
             x:Class="Semi.Avalonia.Demo.Pages.VariablesDemo"
             x:DataType="vm:VariablesDemoViewModel"
             x:CompileBindings="True">
    <Design.DataContext>
        <vm:VariablesDemoViewModel />
    </Design.DataContext>
    <Grid RowDefinitions="Auto, *">
        <TextBox
            Grid.Row="0"
            Width="600"
            Margin="8"
            Classes="ClearButton"
            Text="{Binding SearchText}"
            Watermark="Input Variable Category/ResourceKey/Type/Value/Description" />

        <DataGrid
            Grid.Row="1"
            Margin="8"
            CanUserReorderColumns="True"
            CanUserResizeColumns="True"
            CanUserSortColumns="True"
            HeadersVisibility="All"
            IsReadOnly="True"
            ItemsSource="{Binding GridData}">
            <DataGrid.Columns>
                <DataGridTemplateColumn
                    Width="300"
                    x:DataType="vm:VariableItem"
                    Header="ResourceKey">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate DataType="vm:VariableItem">
                            <SelectableTextBlock
                                Margin="12,0"
                                VerticalAlignment="Center"
                                Text="{Binding ResourceKey}" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn
                    Width="200"
                    x:DataType="vm:VariableItem"
                    Header="Type">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate DataType="vm:VariableItem">
                            <SelectableTextBlock
                                Margin="12,0"
                                VerticalAlignment="Center"
                                Text="{Binding Type.Name}" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn
                    Width="200"
                    x:DataType="vm:VariableItem"
                    Header="Value">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate DataType="vm:VariableItem">
                            <SelectableTextBlock
                                Margin="12,0"
                                VerticalAlignment="Center"
                                Text="{Binding Value}"
                                TextWrapping="Wrap" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn
                    Width="*"
                    x:DataType="vm:VariableItem"
                    Header="Description">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate DataType="vm:VariableItem">
                            <SelectableTextBlock
                                Margin="12,0"
                                VerticalAlignment="Center"
                                Text="{Binding Description}"
                                TextWrapping="Wrap" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn
                    Width="100"
                    x:DataType="vm:VariableItem"
                    Header="CopyText"
                    SortMemberPath="Duration">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate DataType="vm:VariableItem">
                            <Button
                                Command="{Binding $parent[pages:VariablesDemo].Copy}"
                                CommandParameter="{Binding CopyText}"
                                Theme="{DynamicResource  IconBorderlessButton}"
                                Content="{StaticResource SemiIconCopy}" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</UserControl>