Deshabilitar el límite de celda actual de DataGrid en el modo de selección FullRow

Question

Estoy usando un DataGrid en el modo de selección de fila (es decir, SelectionUnit="FullRow"). Simplemente quiero quitar el borde que se está colocando alrededor de la celda actual cuando el usuario resalta una fila para tener una verdadera selección de fila completa (y no hay una selección de nivel de celda). No me importa la idea de que la cuadrícula mantenga la celda actual, solo quiero quitar ese molesto límite de celda actual, quizás cambiando el estilo de la celda actual. ¿Cuál es la forma más fácil de hacer esto?

Answer 1

Se podría establecer el BorderThickness para DataGridCell a 0

<DataGrid ... 
      SelectionUnit="FullRow"> 
    <DataGrid.CellStyle> 
     <Style TargetType="DataGridCell"> 
      <Setter Property="BorderThickness" Value="0"/> 
      <!-- Update from comments. 
       Remove the focus indication for the selected cell --> 
      <Setter Property="FocusVisualStyle" Value="{x:Null}"/> 
     </Style> 
    </DataGrid.CellStyle> 
    <!-- ... --> 
</DataGrid> 

Answer 2

<Style x:Key="DataGrid" TargetType="DataGrid"> 
    <Setter Property="CellStyle"> 
     <Setter.Value> 
      <Style TargetType="DataGridCell"> 
       <Setter Property="BorderThickness" Value="0"/> 
       <Setter Property="Foreground" Value="{Binding Foreground, RelativeSource={RelativeSource TemplatedParent}}" /> 
       <Setter Property="Background" Value="{Binding Background, RelativeSource={RelativeSource TemplatedParent}}" /> 
      </Style> 
     </Setter.Value> 
    </Setter> 
</Style> 

Answer 3

Si desea mostrar una frontera sólo cuando la célula es editable y seleccionado puede anular la plantilla DataGridCell y añadir un MultiTrigger para cuando la celda IsSelected y no IsReadOnly. Entonces hay frontera se mostrará para las células si se establece IsReadOnly = true para la columna o DataGrid

<ControlTemplate x:Key="MellowDataGridCellTemplate" TargetType="{x:Type DataGridCell}"> 
    <Grid> 
     <ContentPresenter VerticalAlignment="Center" /> 
     <Rectangle Name="FocusVisual" Stroke="White" StrokeThickness="1" Fill="Transparent" HorizontalAlignment="Stretch" 
          VerticalAlignment="Stretch" IsHitTestVisible="false" Opacity="0" /> 

    </Grid> 
    <ControlTemplate.Triggers> 
     <MultiTrigger> 
      <MultiTrigger.Conditions> 
       <Condition Property="IsReadOnly" Value="False" /> 
       <Condition Property="IsSelected" Value="True" /> 
      </MultiTrigger.Conditions> 
      <Setter TargetName="FocusVisual" Property="Opacity" Value="1"/> 
     </MultiTrigger> 
    </ControlTemplate.Triggers> 
</ControlTemplate> 

Utilice la plantilla en un estilo

<Style TargetType="{x:Type DataGridCell}" x:Key="MellowGridDataGridCell"> 
    <Setter Property="Template" Value="{StaticResource MellowDataGridCellTemplate}" /> 
</Style> 

y utilizar el estilo

<DataGrid CellStyle={StaticResource MellowGridDataGridCell > 
    ... 
</DataGrid> 

Answer 4

Si está utilizando el xceedDataGridControl, configure el NavigationBehavior en RowOnly

<xcdg:DataGridControl NavigationBehavior="RowOnly" SelectionMode="Single" .... 

Answer 5

Vimos otra respuesta aquí que estaba cerca, pero no eliminó el rectángulo del foco. A continuación se explica cómo borrar todas las fronteras.

<DataGrid.Resources> 
    <Style TargetType="{x:Type DataGridCell}"> 
     <Setter Property="BorderThickness" Value="0" /> 
     <Setter Property="FocusVisualStyle" Value="{x:Null}" /> 
    </Style> 
</DataGrid.Resources> 

Además, dado que técnicamente esas células todavía lo hacen obtener el foco (que simplemente no lo ve), para hacer el avance tecla de tabulación para la siguiente fila en lugar de la siguiente celda, que definen un estilo de celda basado en lo anterior pero que también añade lo siguiente ...

<DataGrid.Resources> 
    <Style x:Key="NoFocusDataGridCell" TargetType="{x:Type DataGridCell}" BasedOn="{StaticResource {x:Type DataGridCell}}"> 
     <Setter Property="Focusable"  Value="False" /> 
     <Setter Property="IsTabStop"  Value="False" /> 
     <Setter Property="IsHitTestVisible" Value="False" /> 
    </Style> 
</DataGrid.Resources> 

... luego me aplico a todos, pero la primera definición de columna. De esa forma, la tecla de tabulación avanza a la siguiente fila, no a la siguiente celda.

Sin embargo, vuelve a los bordes. Si desea ocultar ellos, pero todavía quiere que sean parte de la disposición de espaciado de razones, cambian lo anterior a este ...

<DataGrid.Resources> 
    <Style TargetType="{x:Type DataGridCell}"> 
     <Setter Property="BorderBrush" Value="Transparent" /> 
     <Setter Property="FocusVisualStyle" Value="{x:Null}" /> 
    </Style> 
</DataGrid.Resources> 

disfrutar! :)