teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

見直しキャンペーン中

2023/07/21 08:33

投稿

TN8001
TN8001

スコア10111

answer CHANGED
@@ -1,34 +1,34 @@
1
- `Width="*"`で済むのなら、`ListViewItem`の幅を広げれば揃います。
1
+ `Width="*"`で済むのなら、`ListViewItem`の幅を広げれば揃います。
2
-
2
+
3
- ```xaml
3
+ ```xml
4
- <ListView ItemsSource="{x:Bind JyusyorokuList}">
4
+ <ListView ItemsSource="{x:Bind JyusyorokuList}">
5
- <ListView.ItemContainerStyle>
5
+ <ListView.ItemContainerStyle>
6
- <Style TargetType="ListViewItem">
6
+ <Style TargetType="ListViewItem">
7
- <Setter Property="HorizontalContentAlignment" Value="Stretch" />
7
+ <Setter Property="HorizontalContentAlignment" Value="Stretch" />
8
- </Style>
8
+ </Style>
9
- </ListView.ItemContainerStyle>
9
+ </ListView.ItemContainerStyle>
10
- <ListView.ItemTemplate>
10
+ <ListView.ItemTemplate>
11
- <DataTemplate x:DataType="local:Jyusyoroku">
11
+ <DataTemplate x:DataType="local:Jyusyoroku">
12
- <Grid>
12
+ <Grid>
13
- <Grid.ColumnDefinitions>
13
+ <Grid.ColumnDefinitions>
14
- <ColumnDefinition Width="50" />
14
+ <ColumnDefinition Width="50" />
15
- <!--<ColumnDefinition Width="Auto" SharedSizeGroup="A" />-->
15
+ <!--<ColumnDefinition Width="Auto" SharedSizeGroup="A" />-->
16
- <!-- としたいところだがUWPでは不可 -->
16
+ <!-- としたいところだがUWPでは不可 -->
17
- <ColumnDefinition Width="*" />
17
+ <ColumnDefinition Width="*" />
18
- <ColumnDefinition Width="70" />
18
+ <ColumnDefinition Width="70" />
19
- <ColumnDefinition Width="*" />
19
+ <ColumnDefinition Width="*" />
20
- <ColumnDefinition Width="2*" />
20
+ <ColumnDefinition Width="2*" />
21
- </Grid.ColumnDefinitions>
21
+ </Grid.ColumnDefinitions>
22
- ・・・
22
+ ・・・
23
- </Grid>
23
+ </Grid>
24
- </DataTemplate>
24
+ </DataTemplate>
25
- </ListView.ItemTemplate>
25
+ </ListView.ItemTemplate>
26
- </ListView>
26
+ </ListView>
27
- ```
27
+ ```
28
- ---
28
+ ---
29
-
29
+
30
- 各列の最大幅に合わせたい場合は、`SharedSizeGroup`がないので簡単にはできないですね。
30
+ 各列の最大幅に合わせたい場合は、`SharedSizeGroup`がないので簡単にはできないですね。
31
- `DataGrid`でやるほうが楽だと思います。
31
+ `DataGrid`でやるほうが楽だと思います。
32
-
32
+
33
- [NuGet Gallery | Microsoft.Toolkit.Uwp.UI.Controls.DataGrid](https://www.nuget.org/packages/Microsoft.Toolkit.Uwp.UI.Controls.DataGrid/)
33
+ [NuGet Gallery | Microsoft.Toolkit.Uwp.UI.Controls.DataGrid](https://www.nuget.org/packages/Microsoft.Toolkit.Uwp.UI.Controls.DataGrid/)
34
34
  [DataGrid XAML Control - Windows Community Toolkit | Microsoft Docs](https://docs.microsoft.com/ja-jp/windows/communitytoolkit/controls/datagrid)