Add `Width` property to `TableColumn` class.

Resolve #20285

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()

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;