`Sortable` and `DisplayFormatProvider` properties have been added to the `TableColumn`

framework/src/Volo.Abp.AspNetCore.Components.Web/Volo/Abp/AspNetCore/Components/Web/Extensibility/TableColumns/TableColumn.cs

@@ -1,6 +1,7 @@
 using JetBrains.Annotations;
 using System;
 using System.Collections.Generic;
+using System.Globalization;
 using Volo.Abp.AspNetCore.Components.Web.Extensibility.EntityActions;
 
 namespace Volo.Abp.AspNetCore.Components.Web.Extensibility.TableColumns
@@ -11,11 +12,13 @@ namespace Volo.Abp.AspNetCore.Components.Web.Extensibility.TableColumns
         public string Data { get; set; }
         [CanBeNull]
         public string DisplayFormat { get; set; }
+        public IFormatProvider DisplayFormatProvider { get; set; } = CultureInfo.CurrentCulture;
         [CanBeNull]
         public Type Component { get; set; }
         public List<EntityAction> Actions { get; set; }
         [CanBeNull]
         public Func<object,string> ValueConverter { get; set; }
+        public bool Sortable { get; set; }
 
         public TableColumn()
         {

framework/src/Volo.Abp.BlazoriseUI/Components/AbpExtensibleDataGrid.razor

@@ -25,11 +25,11 @@
                                     if (action.ConfirmationMessage != null)
                                     {
                                         <EntityAction TItem="TItem"
-                                                      Color="@(action.Color!=null ? (Blazorise.Color)action.Color : Blazorise.Color.Primary)"
+                                                      Color="@(action.Color != null ? (Blazorise.Color) action.Color : Blazorise.Color.Primary)"
                                                       Icon="@action.Icon"
                                                       Clicked="async () => await action.Clicked(context)"
                                                       ConfirmationMessage="() => action.ConfirmationMessage.Invoke(context)"
-                                                      Visible="@(action.Visible!=null ? action.Visible(context) : true)"
+                                                      Visible="@(action.Visible != null ? action.Visible(context) : true)"
                                                       Text="@action.Text">
                                         </EntityAction>
                                     }
@@ -37,9 +37,9 @@
                                     {
                                         <EntityAction TItem="TItem"
                                                       Clicked="async () => await action.Clicked(context)"
-                                                      Color="@(action.Color!=null ? (Blazorise.Color)action.Color : Blazorise.Color.None)"
+                                                      Color="@(action.Color != null ? (Blazorise.Color) action.Color : Blazorise.Color.None)"
                                                       Icon="@action.Icon"
-                                                      Visible="@(action.Visible!=null ? action.Visible(context) : true)"
+                                                      Visible="@(action.Visible != null ? action.Visible(context) : true)"
                                                       Text="@action.Text">
                                         </EntityAction>
                                     }
@@ -62,7 +62,26 @@
                     {
                         if (!ExtensionPropertiesRegex.IsMatch(column.Data))
                         {
-                            <DataGridColumn TItem="TItem" Field="@column.Data" Caption="@column.Title"/>
+                            @if (column.ValueConverter == null)
+                            {
+                                <DataGridColumn TItem="TItem" 
+                                                Field="@column.Data" 
+                                                Caption="@column.Title" 
+                                                Sortable="@column.Sortable" 
+                                                DisplayFormat="@column.DisplayFormat" 
+                                                DisplayFormatProvider="@column.DisplayFormatProvider"/>
+                            }
+                            else
+                            {
+                                <DataGridColumn TItem="TItem" 
+                                                Field="@column.Data" 
+                                                Caption="@column.Title" 
+                                                Sortable="@column.Sortable">
+                                    <DisplayTemplate>
+                                        @(GetConvertedFieldValue(context, column))
+                                    </DisplayTemplate>
+                                </DataGridColumn>
+                            }
                         }
                         else
                         {
@@ -87,14 +106,7 @@
                                         {
                                             if (column.ValueConverter != null)
                                             {
-                                                if (column.DisplayFormat == null)
-                                                {
-                                                    @(column.ValueConverter(propertyValue))
-                                                }
-                                                else
-                                                {
-                                                    @(string.Format(column.DisplayFormat, column.ValueConverter(propertyValue)))
-                                                }
+                                                @(GetConvertedFieldValue(context, column))
                                             }
                                             else
                                             {
@@ -104,10 +116,9 @@
                                                 }
                                                 else
                                                 {
-                                                    @(string.Format(column.DisplayFormat, propertyValue))
+                                                    @(string.Format(column.DisplayFormatProvider, column.DisplayFormat, propertyValue))
                                                 }
                                             }
-                                            
                                         }
                                     }
                                 </DisplayTemplate>

framework/src/Volo.Abp.BlazoriseUI/Components/AbpExtensibleDataGrid.razor.cs

@@ -46,5 +46,17 @@ namespace Volo.Abp.BlazoriseUI.Components
                 builder.CloseComponent();
             };
         }
+
+        protected virtual string GetConvertedFieldValue(TItem item, TableColumn columnDefinition)
+        {
+            var convertedValue = columnDefinition.ValueConverter.Invoke(item);
+            if (!columnDefinition.DisplayFormat.IsNullOrEmpty())
+            {
+                return string.Format(columnDefinition.DisplayFormatProvider, columnDefinition.DisplayFormat,
+                    convertedValue);
+            }
+
+            return convertedValue;
+        }
     }
 }