How to add empty row to the DataGrid?

Question

I need to allow the user to add the information that is directly in the DataGrid but put the "CanUserAddRows" property does not work, only appears as follows:

This is my DataGrid:

<DataGrid x:Name="dtgPersons" Grid.Row="3" CanUserAddRows="True">
     <DataGrid.Columns>
         <DataGridTextColumn Header="N°" Width="*" />
         <DataGridTextColumn Header="Name" Width="*" />
         <DataGridTextColumn Header="Carrer" Width="*" />
         <DataGridTextColumn Header="Group" Width="*" />
         <DataGridTextColumn Header="Age" Width="*" />
     </DataGrid.Columns>
 </DataGrid>

EDIT

This is the new Grid code:

<DataGrid x:Name="dtgPerson" Grid.Row="3" ItemsSource="{Binding lstPerson}" AutoGenerateColumns="False" CanUserAddRows="True">
     <DataGrid.Columns>
         <DataGridTextColumn Header="N°" Width="*" Binding="{Binding No}" />
         <DataGridTextColumn Header="Name" Width="*" Binding="{Binding Name}" />
         <DataGridTextColumn Header="Carrer" Width="*" Binding="{Binding Carrer}" />
         <DataGridTextColumn Header="Group" Width="*" Binding="{Binding Group}" />
         <DataGridTextColumn Header="Age" Width="*" Binding="{Binding Age}" />
     </DataGrid.Columns>
</DataGrid>

And this is my code behind: My ObservableCollection:

public ObservableCollection<Person> lstPerson { get; set; }

My MainWindow

public MainWindow()
{
     InitializeComponent();
     DataContext = this;
     lstPerson = new ObservableCollection<Person>();
}

My Person class

public class Person
{
    public int No { get; set; }
    public string Name { get; set; }
    public string Carrer { get; set; }
    public string Group { get; set; }
    public int Age { get; set; }
}

galakt galakt · Accepted Answer · 2016-04-22T07:53:00

1) Change you grid xaml

   <DataGrid ItemsSource="{Binding GridCollection}" 
             CanUserAddRows="True" 
             AutoGenerateColumns="False">
        <DataGrid.Columns>
            <DataGridTextColumn Header="N°" Binding="{Binding Number}" Width="*" />
            <DataGridTextColumn Header="Name" Binding="{Binding Name}" Width="*" />
            <DataGridTextColumn Header="Carrer" Binding="{Binding Career}" Width="*" />
            <DataGridTextColumn Header="Group" Binding="{Binding Group}" Width="*" />
            <DataGridTextColumn Header="Age" Binding="{Binding Age}" Width="*" />
        </DataGrid.Columns>
    </DataGrid>

2) Define your collection in ViewModel or CodeBehind

public ObservableCollection<gridDataModel> GridCollection { get; set; }

3) Init collection before use

public MainWindow()
{
    InitializeComponent();
    DataContext = this;
    GridCollection = new ObservableCollection<gridDataModel>();
}

4) After all you will get this, you can add items in grid via GUI and they will store in collection

How to add empty row to the DataGrid?

2 Answers