doc: 更新示例

Author: ArgoZhang

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

@@ -146,7 +146,7 @@
             <TableColumn @bind-Field="@context.DateTime" Width="120" FormatString="yyyy-MM-dd" Align="Alignment.Center" />
             <TableColumn @bind-Field="@context.Name" Width="100" />
             <TableColumn @bind-Field="@context.Address" />
-            <TableColumn @bind-Field="@context.Count" Formatter="@IntFormatter" Width="60" Align="Alignment.Right" />
+            <TableColumn @bind-Field="@context.Count" Width="60" Align="Alignment.Right" />
         </TableColumns>
     </Table>
 </DemoBlock>
@@ -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" Formatter="@IntFormatter" />
+            <TableColumn @bind-Field="@context.Count" FormatString="0.00" />
         </TableColumns>
     </Table>
 </DemoBlock>

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

@@ -36,22 +36,6 @@ 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 = val.ToString("0.00");
-        }
-        return Task.FromResult(ret);
-    }
-
     private Task<QueryData<Foo>> OnQueryAsync(QueryPageOptions options)
     {
         IEnumerable<Foo> items = Items;

src/BootstrapBlazor.Server/Locales/en-US.json

@@ -5036,7 +5036,7 @@
     "FormatterTitle": "Custom column data format",
     "FormatterIntro": "Format the cell value by specifying the <code>FormatString</code> or <code>Formatter</code> callback delegate when the column is bound",
     "FormatterP1": "In this example the column <code>DateTime</code> values ​​are formatted according to <code>FormatString</code> to <code>yyyy-MM-dd</code> year month day format",
-    "FormatterP2": "In this example the column <code>Count</code> value is formatted according to <code>Formatter</code> to <code>0.00</code> with two decimal places",
+    "FormatterP2": "In this example the column <code>Count</code> value is formatted according to <code>FormatString</code> to <code>0.00</code> with two decimal places",
     "AlignTitle": "Column data alignment",
     "AlignIntro": "Set the alignment by specifying the <code>Align</code> attribute when the column is bound",
     "AlignP1": "In this example the column <code>DateTime</code> is set to center alignment <code>Alignment.Center</code>",

src/BootstrapBlazor.Server/Locales/zh-CN.json

@@ -5034,9 +5034,9 @@
     "DisabledTitle": "选择框列",
     "DisabledIntro": "<code>RowTemplate</code> 内部组件 <code>TableCell</code> 设置 <code>Checkbox</code> 并设置相关数据绑定即可，本示例中通过数据绑定将选择框组件与值进行绑定",
     "FormatterTitle": "自定义列数据格式",
-    "FormatterIntro": "列绑定时通过指定 <code>FormatString</code> 或者 <code>Formatter</code> 回调委托来实现单元格数值格式化",
+    "FormatterIntro": "列绑定时通过指定 <code>FormatString</code> 实现单元格数值格式化。<b>注意</b> 列属性 <code>Formatter</code> 回调方法不支持，仅当列渲染为 <code>Display<code> 时生效",
     "FormatterP1": "本例中列 <code>DateTime</code> 值根据 <code>FormatString</code> 将值格式化为 <code>yyyy-MM-dd</code> 年月日格式",
-    "FormatterP2": "本例中列 <code>Count</code> 值根据 <code>Formatter</code> 将值格式化为 <code>0.00</code> 保留两位小数格式",
+    "FormatterP2": "本例中列 <code>Count</code> 值根据 <code>FormatString</code> 将值格式化为 <code>0.00</code> 保留两位小数格式",
     "AlignTitle": "列数据对齐方式",
     "AlignIntro": "列绑定时通过指定 <code>Align</code> 属性设置对齐方式",
     "AlignP1": "本例中列 <code>DateTime</code> 列设置为居中对齐 <code>Alignment.Center</code>",