doc: 更新示例

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/Table/TablesColumn.razor

@@ -165,7 +165,7 @@
             <TableColumn @bind-Field="@context.DateTime" Width="120" FormatString="yyyy-MM-dd" />
             <TableColumn @bind-Field="@context.Name" Width="100" />
             <TableColumn @bind-Field="@context.Address" />
-            <TableColumn @bind-Field="@context.Count" FormatString="0.00" />
+            <TableColumn @bind-Field="@context.Count" Formatter="@IntFormatter" />
         </TableColumns>
     </Table>
 </DemoBlock>

src/BootstrapBlazor.Server/Components/Samples/Table/TablesColumn.razor.cs

@@ -36,6 +36,22 @@ protected override void OnInitialized()
 
     private static bool ShowCheckbox(Foo foo) => foo.Complete;
 
+    /// <summary>
+    /// IntFormatter
+    /// </summary>
+    /// <param name="d"></param>
+    /// <returns></returns>
+    private static Task<string> IntFormatter(object? d)
+    {
+        var ret = "";
+        if (d is TableColumnContext<Foo, object?> data && data.Value != null)
+        {
+            var val = (int)data.Value;
+            ret = $"Sales: {val:0.00}";
+        }
+        return Task.FromResult(ret);
+    }
+
     private Task<QueryData<Foo>> OnQueryAsync(QueryPageOptions options)
     {
         IEnumerable<Foo> items = Items;