DataGridで右寄せにして、セルの幅を変更したい

前提・実現したいこと

DataGridで右寄せの表を作っています。
以下のようにセルスタイルを変更し、右寄せにすることに成功したのですが、
右寄せにすると、入力する場所が狭くなってしまいます。
右寄せがないときはセル全体が入力場所になっているのですが右寄せ後狭くなってしまい、値の入力が難しくなってしまうのですが入力場所のサイズを変更する方法が知りたいです。

該当のソースコード

以下のコードで右寄せしています。

xaml
1<DataGrid.CellStyle>
2	<Style TargetType="DataGridCell">
3		<Setter Property="HorizontalAlignment" Value="Right" />
4	</Style>
5</DataGrid.CellStyle>

右寄せ前

右寄せ後

補足情報（FW/ツールのバージョンなど）

Visual Studio2019
.NET Framework 4.8

退会済みユーザー

2021/01/07 12:51

マルチポスト https://ja.stackoverflow.com/questions/73139/datagrid%e3%81%a7%e5%8f%b3%e6%8f%83%e3%81%88%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%99%e3%82%8b%e3%81%a8%e5%85%a5%e5%8a%9b%e7%af%84%e5%9b%b2%e3%81%8c%e7%8b%ad%e3%81%8f%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be%e3%81%86

行動規範の内容に同意します

回答1件

ベストアンサー

はっきり言って面倒くさいのですが、このようにElementStyle・EditingElementStyleを設定します。

xml
1<Window
2  x:Class="Questions314501.MainWindow"
3  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
4  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5  Width="800"
6  Height="450">
7  <Grid>
8    <DataGrid AutoGenerateColumns="False" ItemsSource="{Binding}">
9      <DataGrid.Resources>
10        <Style
11          x:Key="RightElementStyle"
12          BasedOn="{x:Static DataGridTextColumn.DefaultElementStyle}"
13          TargetType="TextBlock">
14          <Setter Property="HorizontalAlignment" Value="Right" />
15        </Style>
16        <Style
17          x:Key="RightEditingElementStyle"
18          BasedOn="{x:Static DataGridTextColumn.DefaultEditingElementStyle}"
19          TargetType="TextBox">
20          <Setter Property="HorizontalContentAlignment" Value="Right" />
21        </Style>
22      </DataGrid.Resources>
23      <DataGrid.Columns>
24        <DataGridTextColumn Binding="{Binding Item1}" Header="Normal" />
25        
26        <DataGridTextColumn
27          Binding="{Binding Item2}"
28          ElementStyle="{StaticResource RightElementStyle}"
29          Header="View Right" />
30        
31        <DataGridTextColumn
32          Binding="{Binding Item3}"
33          EditingElementStyle="{StaticResource RightEditingElementStyle}"
34          ElementStyle="{StaticResource RightElementStyle}"
35          Header="View&amp;Edit Right" />
36      </DataGrid.Columns>
37    </DataGrid>
38  </Grid>
39</Window>