CODEWITHSUNDEEP
c#wpfxamldatagrid
Bish25
Bish25

Reputation: 616

Selecting a row in DataGrid by clicking Row

I have a DataGrid that i am trying to change the selected item by selecting the row and not the cell. As you can see from the image below when i click outside the cell the item doesn't update.

GIF of user trying to select row on blank cell

<DataGrid x:Name="customerListBox" SelectedItem="{Binding SelectedCustomer, UpdateSourceTrigger=PropertyChanged}" SelectionMode="Single" IsReadOnly="True"  ItemsSource="{Binding Customers}"  Margin="10,57,10,10"  AlternationCount="2"  BorderThickness="1" SnapsToDevicePixels="True"  AutoGenerateColumns="False" BorderBrush="Black" Foreground="Black">
    <DataGrid.Columns>
        <DataGridTextColumn Binding="{Binding Id}" Header="Id"/>
        <DataGridTextColumn Binding="{Binding Name}"  Header="Name"/>
        <DataGridTextColumn Binding="{Binding Phone}"  Header="Phone"/>
        <DataGridTextColumn Binding="{Binding Email}" Header="Email"/>
    </DataGrid.Columns>
</DataGrid>

What i can do to get it working is setting the last column width to * However this makes the header central and looks messy when displayed on a wide screen monitor.

<DataGridTextColumn Binding="{Binding Email}" Width="*" Header="Email"/>

Column when set to *

Upvotes: 5

Views: 2219

Answers (2)

Daniel Tshuva
Daniel Tshuva

Reputation: 503

I have workaround to fix this issue, just add dummy empty column after the last column with Width="*"

Upvotes: 4

Daniele Sartori
Daniele Sartori

Reputation: 1703

Have you tried this ?

customerListBox.SelectionUnit = DataGridSelectionUnit.FullRow;

You can also use 

customerListBox.SelectionMode = DataGridSelectionMode.Extended;

To allow multiple selection if you need

Upvotes: 1

Related Questions