DataGrid-Zellenrahmen im FullRow-Auswahlmodus deaktivieren

Question

Ich verwende ein DataGrid im Zeilenauswahlmodus (d. H. SelectionUnit="FullRow"). Ich möchte einfach den Rahmen entfernen, der um die aktuelle Zelle herum platziert wird, wenn der Benutzer eine Zeile markiert, um eine echte vollständige Zeilenauswahl (und keine Auswahl auf Zellenebene) zu erhalten. Es macht mir nichts aus, dass das Gitter die aktuelle Zelle beibehält, ich möchte nur die lästige aktuelle Zellengrenze entfernen, vielleicht indem ich den Stil der aktuellen Zelle ändere. Was ist der einfachste Weg, dies zu tun?

Answer 1

könnten Sie setzen den BorderThickness für DataGridCell auf 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

Wenn Sie nur eine Grenze angezeigt werden soll, wenn die Zelle bearbeitet werden kann und ausgewählt Sie können die Datagridcell-Vorlage außer Kraft setzen und einen Multitrigger hinzu, wenn die Zelle ist ausgewählt und nicht IsReadOnly. Dann wird keine Grenze gezeigt für Zellen, wenn Sie IsReadOnly = true für die Spalte oder Datagrid setzen

<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> 

Verwenden Sie die Vorlage in einem Stil

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

und verwenden Sie den Stil

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

Answer 4

Wenn Sie die xceed verwenden, stellen Sie die NavigationBehavior auf RowOnly

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

Answer 5

Sah hier eine andere Antwort, die nahe war, aber es wurde das Focus-Rechteck nicht los. Hier ist, wie man alle Grenzen auslöschen kann.

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

Da auch technisch noch jene Zellen Fokus erhalten Sie (Sie gerade sehen es nicht), mit der Tabulatortaste in der nächsten Zeile anstelle der nächsten Zelle zu machen, definiere ich einen Stil Zelle basierend auf das obige aber das fügt auch das folgende hinzu ...

... dann wende ich das an alle außer der ersten Spaltendefinition an. Auf diese Weise wird die Tabulatortaste zur nächsten Zeile und nicht zur nächsten Zelle weitergeleitet.

Zurück zu den Grenzen jedoch. Wenn Sie wollen, dass sie verstecken, aber immer noch wollen sie Teil des Layouts für abstands Gründen ändern, um die oben dazu ...

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

Genießen Sie sein! :)