feat(Table): add FitColumnWidthIncludeHeader parameter (dotnetcore#6871)

* Update auto-fit column width callback to include width

Modified the OnAutoFitContentAsync callback to accept the calculated column width as a parameter in both C# and JavaScript. This allows custom logic to consider the current width when determining the final column width, improving flexibility for auto-fit scenarios.

Co-Authored-By: ljmay168 <[email protected]>

* Update OnAutoFitContentAsync to accept calcWidth parameter

Modified the UnitTest

* Update TableTest.cs

修改 单元测试宽度计算

Signed-off-by: AApuci <[email protected]>

* revert: 撤销与本 PR 无关改动

* revert: 撤销更改

* test: 代码格式化

* refactor: 弃用 OnAutoFitContentAsync 改用 OnAutoFitColumnWidthCallback 回调方法

* refactor: 更改方法名称

* feat: 增加 FitColumnWidthIncludeHeader 参数

* feat: 传递 FitColumnWidthIncludeHeader 参数到 js

* refactor: 增加逻辑

* chore: bump version 9.11.2-beta03

---------

Signed-off-by: AApuci <[email protected]>
Co-authored-by: AApuci <[email protected]>
Co-authored-by: ljmay168 <[email protected]>
Co-authored-by: AApuci <[email protected]>

Author: 3 people

src/BootstrapBlazor/BootstrapBlazor.csproj

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

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

@@ -1066,6 +1066,7 @@ private async Task OnTableRenderAsync(bool firstRender)
             {
                 DragColumnCallback = nameof(DragColumnCallback),
                 AutoFitColumnWidthCallback = OnAutoFitColumnWidthCallback == null ? null : nameof(AutoFitColumnWidthCallback),
+                FitColumnWidthIncludeHeader,
                 ResizeColumnCallback = OnResizeColumnAsync != null ? nameof(ResizeColumnCallback) : null,
                 ColumnMinWidth = ColumnMinWidth ?? Options.CurrentValue.TableSettings.ColumnMinWidth,
                 ScrollWidth = ActualScrollWidth,
@@ -1598,6 +1599,12 @@ private async Task OnContextMenu(MouseEventArgs e, TItem item)
     [Parameter]
     public Func<string, float, Task<float>>? OnAutoFitColumnWidthCallback { get; set; }
 
+    /// <summary>
+    /// 获得/设置 列宽自适应时是否包含表头 默认 false
+    /// </summary>
+    [Parameter]
+    public bool FitColumnWidthIncludeHeader { get; set; }
+
     /// <summary>
     /// 列宽自适应方法
     /// </summary>

src/BootstrapBlazor/Components/Table/Table.razor.js

@@ -742,6 +742,12 @@ const autoFitColumnWidth = async (table, col) => {
         maxWidth = Math.max(maxWidth, calcCellWidth(cell));
     });
 
+    if (table.options.fitColumnWidthIncludeHeader) {
+        const th = col.closest('th');
+        const span = th.querySelector('.table-cell');
+        maxWidth = Math.max(maxWidth, calcCellWidth(span));
+    }
+
     if (table.options.autoFitColumnWidthCallback !== null) {
         const widthValue = await table.invoke.invokeMethodAsync(table.options.autoFitColumnWidthCallback, field, maxWidth);
         if (widthValue > 0) {