question

winprofessional avatar image
0 Votes"
winprofessional asked ·

UWP ListView

I am trying to create a UI in XAML having a row/column arrangement of data like in the below image:
2468-image.png



I am aware that there is GridView/ListView support in UWP XAML but could not find some code that creates a lit like the above.

Would it be possible to create such a UI in XAML/UWP?

windows-uwp-xaml
image.png (3.1 KiB)
· 6
10 |1000 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Hi, can the following method help? Have you solved your issue?

0 Votes 0 ·

Hi, is there any update?

0 Votes 0 ·

Hi, do you have other questions?

0 Votes 0 ·

Hi, do you have other questions?

0 Votes 0 ·

Hi, is there any update?

0 Votes 0 ·

Hi, is there any update? Have you solved your issue?

0 Votes 0 ·

1 Answer

FayWang-MSFT avatar image
0 Votes"
FayWang-MSFT answered ·

Hello,​

​Welcome to our Microsoft Q&A platform!

You can use DataGrid control from Windows Community toolkit, it provides a flexible way to display a collection of data in rows and columns, you can customize columns and header. But before you use it, you need to add Microsoft.Toolkit.Uwp.UI.Controls.DataGrid nuget package. About more details, you can refer to this document.

.xaml:

 < Grid>
         < controls:DataGrid x:Name="dataGrid1" ​
     Height="600" Margin="12"​
     AutoGenerateColumns="false"​
     ItemsSource="{x:Bind MyViewModel.Customers,Mode=OneWay}" />​
 ​
 < /Grid>



·
10 |1000 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.