From 12bd994dc4ee9514035dc1fff19c7da7693691c6 Mon Sep 17 00:00:00 2001
From: maliming <malimings@gmail.com>
Date: Tue, 30 Jul 2024 10:24:11 +0800
Subject: [PATCH] Add `Width` property to `TableColumn` class.

Resolve #20285
---
 .../Web/Extensibility/TableColumns/TableColumn.cs         | 5 ++++-
 .../Components/AbpExtensibleDataGrid.razor                | 8 +++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/framework/src/Volo.Abp.AspNetCore.Components.Web/Volo/Abp/AspNetCore/Components/Web/Extensibility/TableColumns/TableColumn.cs b/framework/src/Volo.Abp.AspNetCore.Components.Web/Volo/Abp/AspNetCore/Components/Web/Extensibility/TableColumns/TableColumn.cs
index 89cdb33729..07043e151b 100644
--- a/framework/src/Volo.Abp.AspNetCore.Components.Web/Volo/Abp/AspNetCore/Components/Web/Extensibility/TableColumns/TableColumn.cs
+++ b/framework/src/Volo.Abp.AspNetCore.Components.Web/Volo/Abp/AspNetCore/Components/Web/Extensibility/TableColumns/TableColumn.cs
@@ -9,8 +9,11 @@ namespace Volo.Abp.AspNetCore.Components.Web.Extensibility.TableColumns;
 public class TableColumn
 {
     public string Title { get; set; } = default!;
+
     public string Data { get; set; } = default!;
 
+    public string Width { get; set; } = default!;
+
     public string PropertyName { get; set; } = default!;
 
     public string? DisplayFormat { get; set; }
@@ -24,7 +27,7 @@ public class TableColumn
     public Func<object, string>? ValueConverter { get; set; }
 
     public bool Sortable { get; set; }
-    
+
     public bool Visible { get; set; } = true;
 
     public TableColumn()
diff --git a/framework/src/Volo.Abp.BlazoriseUI/Components/AbpExtensibleDataGrid.razor b/framework/src/Volo.Abp.BlazoriseUI/Components/AbpExtensibleDataGrid.razor
index ae87961e21..aa0ad21bac 100644
--- a/framework/src/Volo.Abp.BlazoriseUI/Components/AbpExtensibleDataGrid.razor
+++ b/framework/src/Volo.Abp.BlazoriseUI/Components/AbpExtensibleDataGrid.razor
@@ -74,7 +74,7 @@
                     {
                         @if (column.ValueConverter == null)
                         {
-                            <DataGridColumn TItem="TItem" Field="@column.Data" Caption="@column.Title" Sortable="@column.Sortable" DisplayFormat="@column.DisplayFormat" DisplayFormatProvider="@column.DisplayFormatProvider" Displayable="column.Visible" >
+                            <DataGridColumn TItem="TItem" Field="@column.Data" Width="@column.Width" Caption="@column.Title" Sortable="@column.Sortable" DisplayFormat="@column.DisplayFormat" DisplayFormatProvider="@column.DisplayFormatProvider" Displayable="column.Visible" >
                                 <DisplayTemplate>
                                     @RenderCustomTableColumnComponent(column.Component, context!)
                                 </DisplayTemplate>
@@ -82,7 +82,7 @@
                         }
                         else
                         {
-                            <DataGridColumn TItem="TItem" Field="@column.Data" Caption="@column.Title" Sortable="@column.Sortable" Displayable="column.Visible">
+                            <DataGridColumn TItem="TItem" Field="@column.Data" Width="@column.Width"  Caption="@column.Title" Sortable="@column.Sortable" Displayable="column.Visible">
                                 <DisplayTemplate>
                                     @RenderCustomTableColumnComponent(column.Component, context!)
                                 </DisplayTemplate>
@@ -97,6 +97,7 @@
                             {
                                 <DataGridColumn TItem="TItem"
                                                 Field="@column.Data"
+                                                Width="@column.Width"
                                                 Caption="@column.Title"
                                                 Sortable="@column.Sortable"
                                                 DisplayFormat="@column.DisplayFormat"
@@ -107,6 +108,7 @@
                             {
                                 <DataGridColumn TItem="TItem"
                                                 Field="@column.Data"
+                                                Width="@column.Width"
                                                 Caption="@column.Title"
                                                 Sortable="@column.Sortable"
                                                 Displayable="column.Visible">
@@ -118,7 +120,7 @@
                         }
                         else
                         {
-                            <DataGridColumn TItem="TItem" Field="@nameof(IHasExtraProperties.ExtraProperties)" SortField="@column.PropertyName" Caption="@column.Title" Displayable="column.Visible">
+                            <DataGridColumn TItem="TItem" Field="@nameof(IHasExtraProperties.ExtraProperties)" SortField="@column.PropertyName" Width="@column.Width" Caption="@column.Title" Displayable="column.Visible">
                                 <DisplayTemplate>
                                     @{
                                         var entity = context as IHasExtraProperties;