wpf之datagrid 序号列

怼烎@ 2022-08-09 15:58 426阅读 0赞

# 方法一：在datagrid最前面添加序列号 #

窗体加载时：

private void MdiChild_Loaded(object sender, RoutedEventArgs e)
 {
 dgData.LoadingRow += new EventHandler<DataGridRowEventArgs>(dataGrid_LoadingRow);
 dgData.UnloadingRow += new EventHandler<DataGridRowEventArgs>(dataGrid_UnLoadingRow);
 }
 
 public void dataGrid_LoadingRow(object sender, DataGridRowEventArgs e)
 {
 e.Row.Header = e.Row.GetIndex() + 1;
 }
 
 public void dataGrid_UnLoadingRow(object sender, DataGridRowEventArgs e)
 {
 dataGrid_LoadingRow(sender, e);
 if (dgData.Items != null)
 {
 for (int i = 0; i < dgData.Items.Count; i++)
 {
 try
 {
 DataGridRow row = dgData.ItemContainerGenerator.ContainerFromIndex(i) as DataGridRow;
 if (row != null)
 {
 row.Header = (i + 1).ToString();
 }
 }
 catch { }
 }
 }
 }

结果：  
![Center][]

缺点：没有标识“序号”二字。

# 方法二：在datagrid中添加一列，用来放置序列号 #

界面上的代码：

后台添加一个datagrid的【LoadingRow】方法：

private void dgData_LoadingRow(object sender, DataGridRowEventArgs e)
 {
 e.Row.Header = e.Row.GetIndex() + 1;
 }

结果：  
![Center 1][]

缺点：有缺陷，怎么回事？是因为datagrid的【LoadingRow】方法的存在，若这个方法去掉，则序号也不显示了。最终想了个折中的办法，将最前面的那一个序号列隐藏掉。

方法：在datagrid中加上一个属性【HeadersVisibility="Column" 】，OK，结果完美出现。

![Center 2][]  
没有了最前面的那个边框，反而更好看了。

[Center]: /images/20220731/a0cc3814ee824a6faebc40109719be92.png
[Center 1]: /images/20220731/71d7ab37cbbf4c0eaae33058c7c05f36.png
[Center 2]: /images/20220731/ca2ba3caa20947158cbbf70091f4b15b.png