WPF DataGrid 在Header中显示行号

在Datagrid中显示行号,如果你绑定的datacontext中没有序号,又想要显示序号的时候,可以按照本文的方法显示喽~

效果如下图:

WPF DataGrid 在Header中显示行号_第1张图片

来看看代码吧~

MainWindow.xaml


    
        
            
            
        
        
        
            
            
        
    

MainWindow.cs代码:

using System.Collections.ObjectModel;
using System.Windows;
using System.Windows.Controls;


namespace wpfcore
{
    public partial class MainWindow : Window
    {
        public ObservableCollection Items { get; set; }
        public MainWindow()
        {
            InitializeComponent();
            DataContext = this;
            Items = new ObservableCollection()
            {
                new Item{Age=18,Name="WPF UI"},
                new Item{Age=18,Name="大佬"},
                new Item{Age=18,Name="牛逼"},
                new Item{Age=18,Name="wocao666"},
            };
            dg.LoadingRow += (s,e)=>e.Row.Header ="行号"+ e.Row.GetIndex();
        }
        private void Add(object sender, RoutedEventArgs e)
        {
            Items.Add(new Item() { Age = 18, Name = "6666" });
        }


        private void Remove(object sender, RoutedEventArgs e)
        {
            Items.RemoveAt(Items.Count - 1);
        }
    }
    public class Item
    {
        public int Age  { get; set; }
        public string Name  { get; set; }


    }
}


思路:在LoadingRow事件中设置Header

WPF DataGrid 在Header中显示行号_第2张图片

如果喜欢,点个赞呗~

你可能感兴趣的:(web,js,vue,javascript,html)