WPF datagrid binding with custom columns

Question

Currently I am working on WPF application (with MVVM) in which I am displaying data in the DataGridView.

<DataGrid RowHeaderWidth="0" ItemsSource="{Binding PartsList,UpdateSourceTrigger=PropertyChanged}" AutoGenerateColumns="False">
    <DataGrid.Columns>
        <DataGridTextColumn Header="Item Name" IsReadOnly="True" Width="*" Binding="{Binding ProductName}"></DataGridTextColumn>
        <DataGridTextColumn Header="Model Name" IsReadOnly="True" Width="*" Binding="{Binding CarModelName}"></DataGridTextColumn>
        <DataGridTextColumn Header="Company Name" IsReadOnly="True" Width="*" Binding="{Binding CompanName}"></DataGridTextColumn>
        <DataGridTextColumn Header="Price" IsReadOnly="True" Width="*" Binding="{Binding Rate}">
    </DataGrid.Columns>
</DataGrid>

Here PartsList is an ObservableCollection of entity Part.

Now I want to add custom column to the DataGrid which shows discount and another column which shows net amount. How can I do this?

Please give a good idea to do this as I need to work with thousands of records so performance is very important for me.

Thank you in advance.

Solution

Try to add columns on the Loaded event of DataGrid:

private void DataGrid_Loaded_1(object sender, RoutedEventArgs e)
{
    dataGrid.Columns.Add((DataGridTextColumn)this.Resources["DiscountColumn"]);
    dataGrid.Columns.Add((DataGridTextColumn)this.Resources["NetAmountColumn"]);

    //Alternatively you can create columns in .cs like

    dataGrid.Columns.Add(new DataGridTextColumn() { Header = "Dicount", Binding = new Binding("Discount") });
    dataGrid.Columns.Add(new DataGridTextColumn() { Header = "Net Amount", Binding = new Binding("NetAmount") });
}

<Window.Resources>
    <DataGridTextColumn x:Key="DiscountColumn" Header="Discount" IsReadOnly="True" Width="*" Binding="{Binding Discount}"/>
    <DataGridTextColumn x:Key="NetAmountColumn" Header="Net Amount" IsReadOnly="True" Width="*" Binding="{Binding NetAmount}"/>
</Window.Resources>

<DataGrid RowHeaderWidth="0" x:Name="dataGrid" Loaded="DataGrid_Loaded_1" />

Comments

[rupareliab]

Thank you for your suggestion but I am using MVVM. So can you guide me how can I do this with MVVM?

[yo chauhan]

you cannot add columns in ViewModel because for that you will need reference of datagrid.

[rupareliab]

Ok I will try with a different way.

[Bijington]

@rupareliab I appreciate you have either probably solved this problem already or given up however I have provided a solution that allows you to do this without having to have a reference to the DataGrid within the ViewModel