Loading

DataTemplate Query

DataTemplate Query

David McCallum

1y1kXAML

I have a DataGridTextColum defines as:

Code:

The HeaderTemplate is defined as:

Code:

My issue is the TextBox is not taking up the remaining space (See Image), what am I doing wrong?

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Tuhin Paul1y ago
Part -2

0
Tuhin Paul1y ago
Part -1

In your header template, you have a Grid with two columns: one with width Auto and the other with *. The TextBox placed in the second column is not taking up the remaining space as expected.

By default, the header of a DataGrid column may not be stretched to occupy the full available width. This is because the DataGridColumnHeader’s HorizontalContentAlignment property might be set to Center (or another value) instead of Stretch.

Override the default header style for your DataGrid so that its column headers have their content stretched. For example, add a style for DataGridColumnHeader:
```
    
```
DataGrid with the header template might look:
```
 
```
```
    
    
        
    
    
    
        
    
```
And your header template remains:
```
    
        
            
            
        
        
        
    
```
```
Now, the TextBox should correctly take up the remaining space in the header.
```
0
Muhammad Imran Ansari1y ago
Hi David,

Your issue is likely due to the TextBox not stretching properly inside the Grid. Try the following changes:
```
    
        
            
            
        
        
        
    
```
If the issue persists, check if DataGrid.CanUserResizeColumns="True" is causing unexpected behavior.

Thank you!
0