WPF - exampe of GridView to Display a Tabular Data

WPF - Example on DataGrid to display a Tabular data. Where we have Display the Tabular data with DtaGrid, however, the WPF system has offered us some new features to display data in list view with GridView view model. 

As it has been said on MSDN - GridView Overview

GridView view mode is one of the view modes for a ListView control. The GridView class and its supporting classes enable you and your users to view item collections in a table that typically uses buttons as interactive column headers. This topic introduces the GridView class and outlines its use.

So to display the same data this time with ListView but with GridView viewmodel, you can write xaml as such .

<ListView ItemsSource="{Binding RiskData}"
                      >
                <ListView.View>
                    <GridView
                        AllowsColumnReorder="True"
                        ColumnHeaderToolTip="Sample Data Infomration">
                        <GridViewColumn 
                            DisplayMemberBinding="{Binding Book}"
                            Header="Book"
                            Width="Auto"
                            />
                        <GridViewColumn
                            DisplayMemberBinding="{Binding TradeType}"
                            Width="Auto"
                            >
                            <GridViewColumnHeader>Trade Type</GridViewColumnHeader>
                        </GridViewColumn>
                        <GridViewColumn
                            Header="Sector"
                            Width="Auto"
                            DisplayMemberBinding="{Binding Sector}"
                            >
                        </GridViewColumn>
                        <GridViewColumn
                            Header="RiskType"
                            Width="Auto"
                            DisplayMemberBinding="{Binding RiskType}"
                            />
                        <GridViewColumn
                            Header="Ccy"
                            DisplayMemberBinding="{Binding Ccy}"
                            Width="Auto">
                            
                        </GridViewColumn>
                        <GridViewColumn
                            Header="Tenure"
                            DisplayMemberBinding="{Binding Tenure}"
                            Width="Auto" />
                        <GridViewColumn
                            Header="PnlValue"
                            DisplayMemberBinding="{Binding PnlValue}"
                            Width="AUto" />
                        <GridViewColumn
                            Header="RiskValue"
                            Width="Auto"
                            DisplayMemberBinding="{Binding RiskValue}" />
                    </GridView>
                </ListView.View>
            </ListView>

The ListView due ot its lightweight is much faster in terms of performance. 

References

GridView Overview

转载于:https://my.oschina.net/u/854138/blog/137044