如何通过样式为多个Avalonia DataGrid添加首列行号

要给多个DataGrid统一添加首列行号，按照官方建议用样式实现的话，步骤如下：

1. 实现行号转换器 #

首先创建一个值转换器，根据行数据项在DataGrid集合中的索引计算行号（索引从0开始，所以加1）：

using Avalonia.Controls;
using Avalonia.Data.Converters;
using System;
using System.Collections;
using System.Globalization;

public class RowNumberConverter : IValueConverter
{
    public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture)
    {
        if (value is not DataGridRow row)
            return null;

        var dataGrid = row.FindAncestorOfType<DataGrid>();
        if (dataGrid?.Items is not IList items)
            return null;

        return items.IndexOf(row.DataContext) + 1;
    }

    public object? ConvertBack(object? value, Type targetType, object? parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

2. 在XAML资源中注册转换器 #

把转换器添加到全局或局部资源字典，方便样式调用：

<!-- 示例：在Window或App.axaml的Resources中注册 -->
<Window.Resources>
    <local:RowNumberConverter x:Key="RowNumberConverter"/>
</Window.Resources>

3. 创建DataGrid全局样式 #

在资源字典中定义DataGrid的样式，自动添加行号列作为首列：

<Style Selector="DataGrid">
    <!-- 若需要自动生成列，保持此设置；手动定义列的话可按需调整 -->
    <Setter Property="AutoGenerateColumns" Value="True"/>
    
    <Setter Property="Columns">
        <DataGridColumns>
            <!-- 行号列配置 -->
            <DataGridTextColumn Header="#"
                                Binding="{Binding ., RelativeSource={RelativeSource AncestorType=DataGridRow}, Converter={StaticResource RowNumberConverter}}"
                                Width="SizeToHeader"
                                IsReadOnly="True"
                                CanUserSort="False"
                                CanUserReorder="False"/>
        </DataGridColumns>
    </Setter>
</Style>

关键说明 #

• 如果是手动定义列的DataGrid，需要把行号列代码插入到DataGrid.Columns的首位，或者调整样式中的Columns集合，包含自定义列和行号列。
• 行号列设置了IsReadOnly="True"、CanUserSort="False"等属性，避免用户误操作修改行号或打乱顺序。
• 转换器通过FindAncestorOfType<DataGrid>定位父级DataGrid，确保行号计算准确。

内容的提问来源于stack exchange，提问作者Jakobinec