Avalonia中DataGrid通过DataGridTemplateColumn实现按钮列，需绑定ViewModel命令、用RelativeSource回溯DataContext、CommandParameter传行数据，并设e.Handled=true防误选行。
在Avalonia中，DataGrid本身不提供原生的按钮列（如WPF的DataGridButtonColumn），但完全可以通过DataGridTemplateColumn灵活实现——关键在于正确绑定命令和数据上下文，避免常见坑点。
用DataGridTemplateColumn添加按钮列
这是最标准、推荐的做法。XAML中定义一个模板列，在CellTemplate里放Button，并绑定命令和参数：
- 按钮
Command需绑定到ViewModel中的ICommand（如RelayCommand或ReactiveCommand） - 使用
RelativeSource向上查找DataGrid的DataContext，确保命令来自ViewModel而非当前行数据对象 -
CommandParameter="{Binding}"把当前行的数据项（如Person）传给命令，方便操作对应记录
示例片段：
处理按钮点击时不触发行选择
默认情况下，按钮点击会冒泡到DataGrid行容器，导致意外选中整行。解决方法有两个：
- 在按钮Click事件处理器中加
e.Handled = true，直接拦截冒泡 - 若用MVVM纯绑定（无后台代码），可在按钮样式或模板外层加
IsHitTestVisible="False"再包裹一层可点击区域（不推荐），更稳妥还是用Handled
后台代码示例（配合XAML中Click="DeleteButton_Click"）：
React 组件生成器
下载
根据项目规范生成 React 和 Vue 组件，包括 TypeScript 类型定义、Ant Design 5 集成、Tailwind CSS 样式及 Vitest 测试文件。当用户提出创建、生成或搭建前端组件的需求时启用，例如：“帮我写一个表格组件”、“生成一个弹窗”、“create a form component”、“写一个列表页”、“生成一个下拉选择器”。该能力在以下任一场景触发：涉及 React/TSX/Vue 组件生成、UI 组件创建，或为组件生成测试文件。
{
e.Handled = true;
// 后续逻辑：取 DataContext，调用 ViewModel 删除方法等
}
绑定命令时的上下文切换技巧
当DataTemplate内按钮需要访问ViewModel里的命令（而非当前行Model的属性），容易因DataContext自动切换而绑定失败。常用解法：
- 用
RelativeSource AncestorType=DataGrid回溯到表格级上下文（最简洁） - 显式设置
DataContext="{Binding $parent[UserControl].DataContext}"（适合按钮嵌套较深时） - 避免在
DataTemplate里直接写Command="{Binding MyCommand}"——此时Binding默认找的是当前行数据对象，不是ViewModel
配套准备不能少
实际使用前确认以下几点已到位：
- 已安装
Avalonia.Controls.DataGridNuGet包，且版本与主框架匹配 - App.axaml或窗口资源中已引入DataGrid样式：
- ViewModel中命令属性声明规范，例如：
public ICommand DeleteCommand { get; }或public ReactiveCommandDeleteCommand { get; }
基本上就这些。模板列本质就是“在单元格里自由画UI”，按钮只是其中一种用法，后续扩展编辑、状态切换、图标按钮等都基于同一套逻辑。
