♻ refactor(datatable): calculate real width of col on colgroup item

src/Masa.Blazor/Components/DataTable/MDataTable.cs

@@ -440,6 +440,10 @@ protected override void SetComponentClass()
                        Select(item, val);
                    });
                 })
+                .Apply(typeof(BDataTableColgroup<>), typeof(MDataTableColgroup<TItem>), attrs =>
+                {
+                    attrs[nameof(MDataTableColgroup<TItem>.Headers)] = ComputedHeaders;
+                })
                 .Apply(typeof(BDataTableRow<>), typeof(MDataTableRow<TItem>), attrs =>
                 {
                     attrs[nameof(MDataTableRow<TItem>.Headers)] = ComputedHeaders;

src/Masa.Blazor/Components/DataTable/MDataTableColgroup.cs

@@ -0,0 +1,17 @@
+namespace Masa.Blazor;
+
+public class MDataTableColgroup<TItem> : BDataTableColgroup<TItem>
+{
+    [Inject] private MasaBlazor MasaBlazor { get; set; } = null!;
+
+    protected override void SetComponentCss()
+    {
+        base.SetComponentCss();
+
+        CssProvider.Apply("col", css =>
+        {
+            var header = css.Data as DataTableHeader;
+            css.AddIf("divider", () => header?.Divider is true);
+        });
+    }
+}

src/Masa.Blazor/Components/DataTable/MDataTableHeader.cs

@@ -91,6 +91,7 @@ protected override void SetComponentClass()
 
                         cssBuilder
                             .Add("sortable")
+                            .AddIf("m-data-table__divider", () => header.Divider)
                             .AddIf("active", () => beingSorted)
                             .AddIf(() => isDesc ? "desc" : "asc", () => beingSorted);
                     }

src/Masa.Blazor/Services/MasaBlazorComponentTypeMapper.cs

@@ -50,6 +50,7 @@ public class MasaBlazorComponentTypeMapper : IAbstractComponentTypeMapper
         {
             { typeof(BSelectList<,,>), typeof(MSelectList<,,>) },
             { typeof(BCascaderColumn<,>), typeof(MCascaderColumn<,>) },
+            { typeof(BDataTableColgroup<>), typeof(MDataTableColgroup<>) },
             { typeof(BDataTableRow<>), typeof(MDataTableRow<>) },
             { typeof(BDataTableMobileRow<>), typeof(MDataTableMobileRow<>) },
             { typeof(BTreeviewNode<,>), typeof(MTreeviewNode<,>) },