From b71377180d204780e070d88a7782bcc6e598f397 Mon Sep 17 00:00:00 2001
From: maliming <malimings@gmail.com>
Date: Thu, 18 May 2023 20:08:51 +0800
Subject: [PATCH] Set correct `Field` of `component` of `column`.

https://support.abp.io/QA/Questions/5059
---
 .../Components/AbpExtensibleDataGrid.razor    | 21 ++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/framework/src/Volo.Abp.BlazoriseUI/Components/AbpExtensibleDataGrid.razor b/framework/src/Volo.Abp.BlazoriseUI/Components/AbpExtensibleDataGrid.razor
index 88a0a1df4a..cbdfc25c99 100644
--- a/framework/src/Volo.Abp.BlazoriseUI/Components/AbpExtensibleDataGrid.razor
+++ b/framework/src/Volo.Abp.BlazoriseUI/Components/AbpExtensibleDataGrid.razor
@@ -72,11 +72,22 @@
                 {
                     @if (column.Component != null)
                     {
-                        <DataGridColumn TItem="TItem" Field="@typeof(TItem).GetProperties().First().Name" Caption="@column.Title">
-                            <DisplayTemplate>
-                                @RenderCustomTableColumnComponent(column.Component, context)
-                            </DisplayTemplate>
-                        </DataGridColumn>
+                        @if (column.ValueConverter == null)
+                        {
+                            <DataGridColumn TItem="TItem" Field="@column.Data" Caption="@column.Title" Sortable="@column.Sortable" DisplayFormat="@column.DisplayFormat" DisplayFormatProvider="@column.DisplayFormatProvider" >
+                                <DisplayTemplate>
+                                    @RenderCustomTableColumnComponent(column.Component, context)
+                                </DisplayTemplate>
+                            </DataGridColumn>
+                        }
+                        else
+                        {
+                            <DataGridColumn TItem="TItem" Field="@column.Data" Caption="@column.Title" Sortable="@column.Sortable">
+                                <DisplayTemplate>
+                                    @RenderCustomTableColumnComponent(column.Component, context)
+                                </DisplayTemplate>
+                            </DataGridColumn>
+                        }
                     }
                     else
                     {