Mastering WPF DataGrid in a Day: Hour 4 DataGrid Rows

In this Hour 4 of the Mastering WPF in 24 Hrs series I will talk about the DataGrid row header and rows visibility, row appearance and a few other properties.

Before continuing this article, I highly recommend reading these previous parts:

• Mastering WPF DataGrid in a Day: Hour 1 Introduction
• Mastering WPF DataGrid in a Day: Hour 2 DataGrid Layout and Border
• Mastering WPF DataGrid in a Day: Hour 3 DataGrid Header

RowHeaderWidth

A DataGrid is a collection of rows and columns and each row and column can have a header. This header can be used to display text such as column and row titles.

The RowHeaderWidth property is used to set the row header width.

The code snippet in Listing 15 sets the RowHeaderWidth to 50.
Listing 15

The output looks as in Figure 8.


Figure 8

GridLinesVisibility

You can show or hide a DataGrid grid line using the GridLinesVisibility property. The GridLinesVisibility has the four values All, Horizontal, None and Vertical. If you want to show both the horizontal and the vertical lines, set the GridLinesVisibility to All. The None value hides both the horizontal and the vertical lines and the Horizontal and Vertical values display the horizontal and vertical lines only respectively. See Listing 16.



Listing 16

The code snipet in Listing 17 hides both row and column headers of a DataGrid.
Listing 17

The output looks as in Figure 9.


Figure 9

AlternatingRowBackground

The AlternatingRowBackground property is used to set and get the background color of every alternative row of a DataGrid.

The code snippet in Listing 18 sets the AlternatingRowBackground to LightGreen. Also note that I have changed the RowHeaderWidth to 10.
Listing 18

The output looks as in Figure 10.


Figure 10

SelectionMode and SelectionUnit

The SelectionMode and SelectionUnit properties can be used to define the selection behavior for the DataGrid control. The SelectionMode property indicates how rows and cells are selected in the DataGrid. The SelectionMode has one of the following two values:

• Extended: Multiple items can be selected at the same time.
  
  
• Single: Only one item can be selected a time.