May 20, 2009 at 8:46 PM
Edited May 20, 2009 at 8:48 PM
I've been using the WPF DataGrid in an application where I needed to style it like an Excel spreadsheet. Part of this styling includes placing a thick black border around a selected cell (or selected range of cells). I have XAML and code that does it, but
my problem is that cells with the selected border become taller. Subsequently, any row with a selected cell becomes taller than the rest, which looks wrong.
The approach I'm using includes extending the DataGrid class. Within my extended DataGrid, I have four attached properties, whose OwnerType is DataGridCell (IsLeftBorderSelected, IsTopBorderSelected, IsRightBorderSelected, and IsBottomBorderSelected).
Whenever I receive a notification that the selected cells have changed, I execute a function that calculates the bounding box of the selected cells and, for each cell, determines which of its borders are selected. Subsequently, the attached properties are
In XAML, I have a Style for DataGridCell that uses a sequence of MultiDataTriggers to control the BorderBrush and BorderThickness properties for a cell. For example,
In this case, if a cell had only its top border selected, its top border thickness would become 3. I have a MultiDataTrigger for each combination.
As aforementioned, the result of changing the top or bottom border thickness is that the entire row's height increases. Is it possible for me to get the same visual effect without it increasing the row's height? (Is there
a different property I can set?) Alternatively, is there a way to stop the row's height from changing, forcing the border thickness to remain within the cell?