FullRow選択モードでDataGridの現在のセルの境界線を無効にする

Question

DataGridを行選択モード（つまり、SelectionUnit="FullRow"）で使用しています。私は、真の行選択（セルレベル選択なし）を行うために、ユーザーが行をハイライト表示したときに現在のセルの周りに配置されている境界線を削除したいだけです。私は現在のセルを維持しているグリッドの概念を気にしません。おそらく現在のセルのスタイルを変更することによって、その厄介な現在のセルの境界線を削除したいだけです。これを行う最も簡単な方法は何ですか？

Answer 1

あなたはDataGridCellテンプレートを上書きして、ためmultitriggerを追加することができますが、セルが編集可能な場合にのみ、境界線を表示したい場合は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

にDataGridCellためBorderThicknessを設定し、選択した可能性がありセルはIsSelectedで、IsReadOnlyではありません。あなたが列または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> 

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

スタイルでテンプレートを使用して、スタイル

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

Answer 4

を使用するために、真のIsReadOnlyの=を設定した場合、その後何の境界線はセルに表示されませんxceedDataGridControlを使用している場合はNavigationBehaviorをRowOnly

に設定してください

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

Answer 5

ここでもう一度答えてみましたが、これは近いですが、フォーカス矩形を取り除いていませんでした。すべての罫線を削除する方法は次のとおりです。

また

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

、技術的にこれらの細胞は、まだ次の行にタブキー事前の代わりに、次のセルを作るために、（あなたはそれを見ていない）、フォーカスを得るか、私はに基づいてセルのスタイルを定義するため、次のものも追加します。

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

...次に、最初の列定義以外のすべてに適用します。こうすると、タブキーは次の行に移動し、次のセルには移動しません。

しかし、国境に戻る。それらを隠したいが、スペーシングの理由でレイアウトの一部にしたい場合は、上記を次のように変更してください。

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

お楽しみください！ :)