Regarding data viewed present in table form using SfDataGrid for UWP

[Maharana Kirankumar]

Hi Team,

I'm trying to display the data like below in the format

Is it possible in SfDataGrid in UWP? If yes please help me with this.

Thanks in Advance

Kiran Kumar Maharana

[Vijayarasan Sivanandham]

Hi Maharana Kirankumar,

Currently, we are analyzing your requirement of “Regarding data viewed present in table form using SfDataGrid for UWP”. So, we need two more business days to validate this. We will validate and update you the details on or before September 12, 2022.

We appreciate your patience until then.

Regards,

Vijayarasan S

[Vijayarasan Sivanandham]

Hi Maharana Kirankumar,

Thank you for your patience. To proceed further, we need confirmation on the below.

Do you need to display the data as shown on the screenshot or if you need to perform any data operations after displaying the data with that view?

Regards,

Vijayarasan S

[Maharana Kirankumar]

Hi Vijayarasan Sivanandham,

Thanks for Replay, 

We didn't perform any operation. Displaying Records sorted by descending order(the latest record first ) and exported to PDF.

Thanks & Regards

Kiran Maharana 

[Vijayarasan Sivanandham]

Hi Maharana Kirankumar,

We are currently checking the possibilities to achieve your requirement. We will check and update further details on September 14, 2022.

Regards,
Vijayarasan S

[Sathiyathanam Jeyakumar]

Hi Maharana Kirankumar,

Please find the response from below,

Query	Comments
Data viewed present in table form using SfDataGrid	We have achieved your requirement to show the data in table format by using the GridTemplateColumn. Please refer the below code snippets. And you can download the sample from the attachments.   <syncfusion:SfDataGrid x:Name="datagrid" Grid.Column="0"                     ItemsSource="{Binding Orders}" Margin="10"                     RowHeight="90" HeaderRowHeight="0"                     AutoGenerateColumns="False">     <syncfusion:SfDataGrid.Columns>         <syncfusion:GridTemplateColumn MappingName="TrackingNumber" Width="500" ColumnSizer="Star">             <syncfusion:GridTemplateColumn.CellStyle>                 <Style TargetType="syncfusion:GridCell">                     <Setter Property="BorderThickness" Value="0,0,0,0" />                 </Style>             </syncfusion:GridTemplateColumn.CellStyle>             <syncfusion:GridTemplateColumn.CellTemplate>                 <DataTemplate>                     <Grid Margin="3">                         <Grid.RowDefinitions>                             <RowDefinition Height="26"/>                             <RowDefinition Height="26"/>                             <RowDefinition Height="26"/>                         </Grid.RowDefinitions>                         <Border Grid.Row="0" BorderThickness="1" BorderBrush="LightGray">                             <Grid >                                 <Grid.ColumnDefinitions>                                     <ColumnDefinition/>                                     <ColumnDefinition/>                                 </Grid.ColumnDefinitions>                                   <Border BorderThickness="0,0,1,0" BorderBrush="LightGray">                                     <TextBlock Text="{Binding TrackingNumber}" Margin="2"                                         HorizontalAlignment="Left" TextAlignment="Left"  />                                 </Border>                                   <TextBlock Text="{Binding Date}" Grid.Column="1" Margin="2"                                         HorizontalAlignment="Left" TextAlignment="Left" />                             </Grid>                         </Border>                           <Border Grid.Row="1" BorderThickness="1,0,1,1" BorderBrush="LightGray">                             <Grid>                                 <Grid.ColumnDefinitions>                                     <ColumnDefinition/>                                     <ColumnDefinition/>                                     <ColumnDefinition/>                                 </Grid.ColumnDefinitions>                                 <Border BorderThickness="0,0,1,0" BorderBrush="LightGray">                                     <TextBlock Text="{Binding Item}" Margin="2"                                         HorizontalAlignment="Left" TextAlignment="Left"  />                                 </Border>                                 <Border Grid.Column="1"                                   BorderThickness="0,0,1,0"  BorderBrush="LightGray">                                     <TextBlock Text="{Binding Carrier}" Grid.Column="1" Margin="2"                                         HorizontalAlignment="Left" TextAlignment="Left"  />                                 </Border>                                 <TextBlock Text="{Binding Sender}" Grid.Column="2" Margin="2"                                         HorizontalAlignment="Left" TextAlignment="Left"  />                             </Grid>                         </Border>                         <Border Grid.Row="2" BorderThickness="1,0,1,1" BorderBrush="LightGray">                             <Grid >                                 <Grid.ColumnDefinitions>                                     <ColumnDefinition />                                     <ColumnDefinition/>                                 </Grid.ColumnDefinitions>                                 <Border BorderThickness="0,0,1,0" BorderBrush="LightGray">                                     <TextBlock Text="{Binding Location}" Margin="2"                                         HorizontalAlignment="Left" TextAlignment="Left"  />                                 </Border>                                   <TextBlock Text="{Binding DeliveredTo}" Grid.Column="1" Margin="2"                                         HorizontalAlignment="Left" TextAlignment="Left"  />                             </Grid>                         </Border>                     </Grid>                 </DataTemplate>             </syncfusion:GridTemplateColumn.CellTemplate>         </syncfusion:GridTemplateColumn>     </syncfusion:SfDataGrid.Columns> </syncfusion:SfDataGrid>
To export the table to PDF.	While exporting the SfDataGrid we have created the columns in PDF based on the SfDataGrid columns as per your case we have maintained only one column and we have shown all details in that column by using the template. So, we unable to provide the export options for this scenario.

Output Image : 

Regards

Sathiyathanam

Attachment: SfDataGridDemo_9a53057.zip