feat(Table): add SetRowStyleFormatter parameter (#7758)

* feat(Table): add SetRowStyleFormatter parameter

* test: 增加单元测试

* chore: bump version 10.4.1-beta02

Author: ArgoZhang

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>10.4.1-beta01</Version>
+    <Version>10.4.1-beta02</Version>
   </PropertyGroup>
 
   <ItemGroup>

src/BootstrapBlazor/Components/Table/Table.razor

@@ -275,7 +275,8 @@
                         }
                         else
                         {
-                            <DynamicElement class="@GetRowClassString(item, "table-row")" @key="GetKeyByITem(item)"
+                            <DynamicElement @key="GetKeyByITem(item)"
+                                            class="@GetRowClassString(item, "table-row")" style="@GetRowStyleString(item)"
                                             TriggerContextMenu="ContextMenuZone != null"
                                             OnContextMenu="e => OnContextMenu(e, item)"
                                             @ontouchstart="e => OnTouchStart(e, item)"
@@ -747,7 +748,8 @@
         </thead>;
 
     RenderFragment<TItem> RenderRow => item =>
-        @<DynamicElement TagName="tr" class="@GetRowClassString(item)" @key="GetKeyByITem(item)"
+        @<DynamicElement @key="GetKeyByITem(item)" TagName="tr"
+                         class="@GetRowClassString(item)" style="@GetRowStyleString(item)" 
                          TriggerContextMenu="ContextMenuZone != null" OnContextMenu="e => OnContextMenu(e, item)"
                          @ontouchstart="e => OnTouchStart(e, item)" @ontouchend="OnTouchEnd"
                          TriggerClick="@(ClickToSelect || OnClickRowCallback != null)" OnClick="() => ClickRow(item)"

src/BootstrapBlazor/Components/Table/Table.razor.Edit.cs

@@ -101,6 +101,13 @@ public partial class Table<TItem>
     [Parameter]
     public Func<TItem, string?>? SetRowClassFormatter { get; set; }
 
+    /// <summary>
+    /// <para lang="zh">获得/设置 行样式格式回调委托</para>
+    /// <para lang="en">Gets or sets Row Style Formatter Callback</para>
+    /// </summary>
+    [Parameter]
+    public Func<TItem, string?>? SetRowStyleFormatter { get; set; }
+
     /// <summary>
     /// <para lang="zh">获得/设置 取消保存后回调委托方法</para>
     /// <para lang="en">Gets or sets After Cancel Save Callback</para>

src/BootstrapBlazor/Components/Table/Table.razor.cs

@@ -133,6 +133,14 @@ public partial class Table<TItem> : ITable, IModelEqualityComparer<TItem> where
         .AddClass("is-edit", EditInCell)
         .Build();
 
+    /// <summary>
+    /// <para lang="zh">获得 Body 内行内联样式</para>
+    /// <para lang="en">Get Body Row Inline Style</para>
+    /// </summary>
+    protected string? GetRowStyleString(TItem item) => CssBuilder.Default()
+        .AddClass(SetRowStyleFormatter?.Invoke(item))
+        .Build();
+
     /// <summary>
     /// <para lang="zh">明细行首小图标单元格样式</para>
     /// <para lang="en">Detail Row Icon Cell CSS Class</para>

test/UnitTest/Components/TableTest.cs

@@ -5405,6 +5405,7 @@ public void SetRowClassFormatter_Ok()
                 pb.Add(a => a.ShowLoading, false);
                 pb.Add(a => a.RenderModeResponsiveWidth, BreakPoint.Medium);
                 pb.Add(a => a.SetRowClassFormatter, foo => "test_row_class");
+                pb.Add(a => a.SetRowStyleFormatter, foo => "height: 36px;");
                 pb.Add(a => a.TableColumns, foo => builder =>
                 {
                     builder.OpenComponent<TableColumn<Foo, string>>(0);
@@ -5415,6 +5416,7 @@ public void SetRowClassFormatter_Ok()
             });
         });
         cut.Contains("test_row_class");
+        cut.Contains("height: 36px;");
     }
 
     [Fact]