diff --git a/src/BootstrapBlazor.Shared/Samples/Table/Tables.razor.cs b/src/BootstrapBlazor.Shared/Samples/Table/Tables.razor.cs
index 696db1832bad7753a8bd96055190284556c73104..f4690f0e751cfdc34ec27fd5b92b3a956c294267 100644
--- a/src/BootstrapBlazor.Shared/Samples/Table/Tables.razor.cs
+++ b/src/BootstrapBlazor.Shared/Samples/Table/Tables.razor.cs
@@ -388,6 +388,20 @@ public partial class Tables
             ValueList = "true / false",
             DefaultValue = "false"
         },
+        new() {
+            Name = nameof(Table<Foo>.ShowFilterHeader),
+            Description = "是否显示过滤行",
+            Type = "boolean",
+            ValueList = "true / false",
+            DefaultValue = "false"
+        },
+        new() {
+            Name = nameof(Table<Foo>.ShowMultiFilterHeader),
+            Description = "是否显示多级表头的过滤行",
+            Type = "boolean",
+            ValueList = "true / false",
+            DefaultValue = "false"
+        },
         new() {
             Name = "ShowSearch",
             Description = "显示搜索栏",
diff --git a/src/BootstrapBlazor.Shared/Samples/Table/TablesHeader.razor b/src/BootstrapBlazor.Shared/Samples/Table/TablesHeader.razor
index c87f8ba1df13ade01690f635e6c77535059ba7c2..866ccfbbcc6100c8d53014677a5aaab625526b21 100644
--- a/src/BootstrapBlazor.Shared/Samples/Table/TablesHeader.razor
+++ b/src/BootstrapBlazor.Shared/Samples/Table/TablesHeader.razor
@@ -5,11 +5,15 @@
 <h4>数据结构比较复杂的时候，可使用多级表头来展现数据的层次关系</h4>
 
 <DemoBlock Title="基础用法" Introduction="设置 <code>MultiHeaderTemplate</code> 模板即可" Name="MultiHeaderTemplate">
-    <Table TItem="Foo" OnQueryAsync="@OnQueryAsync" IsBordered="true" IsStriped="true">
+    <p>
+        <div>通过设置 <code>ShowMultiFilterHeader</code> 值，来控制是否显示过滤行头</div>
+        <div>注意细节，首列单元格合并后导致最后一行表头第一列无单元格，所以需要自行设置样式 <code>border-bottom</code> 与其他单元格一致</div>
+    </p>
+    <Table TItem="Foo" OnQueryAsync="@OnQueryAsync" IsBordered="true" IsStriped="true" ShowMultiFilterHeader="false">
         <MultiHeaderTemplate>
             <tr>
-                <th rowspan="2"><div class="table-cell" style="height: 94px; justify-content: center;">时间</div></th>
-                <th colspan="2"><div class="table-cell" style="justify-content: center">个人信息</div></th>
+                <th rowspan="2" class="table-header-group-th1"><div class="table-cell">时间</div></th>
+                <th colspan="2" class="table-header-group-th2"><div class="table-cell">个人信息</div></th>
             </tr>
             <tr>
                 <th><div class="table-cell">个人姓名</div></th>
diff --git a/src/BootstrapBlazor.Shared/wwwroot/css/site.css b/src/BootstrapBlazor.Shared/wwwroot/css/site.css
index 2a2a07929ed32acc2eb1a2024da6c053f734a137..9346d5ad5cfdb33cba27d4b786bfddb783bd7755 100644
--- a/src/BootstrapBlazor.Shared/wwwroot/css/site.css
+++ b/src/BootstrapBlazor.Shared/wwwroot/css/site.css
@@ -1821,3 +1821,17 @@ header .bb-fs {
     font-size: 86%;
     color: #c0c4cc;
 }
+
+.table-header-group-th1 {
+    border-bottom-width: 2px !important;
+    border-bottom-color: var(--bs-secondary);
+}
+
+    .table-header-group-th1 .table-cell {
+        height: 58px;
+    }
+
+    .table-header-group-th1 .table-cell,
+    .table-header-group-th2 .table-cell {
+        justify-content: center !important;
+    }
diff --git a/src/BootstrapBlazor/Components/Table/Table.razor b/src/BootstrapBlazor/Components/Table/Table.razor
index c870371c534379ac0f4ecc81f6981f47733adc40..a39e586611c5ac5908f7e280e84a90993a797fee 100644
--- a/src/BootstrapBlazor/Components/Table/Table.razor
+++ b/src/BootstrapBlazor/Components/Table/Table.razor
@@ -420,74 +420,77 @@ RenderFragment<bool> RenderHeader => hasScroll =>
     {
         @MultiHeaderTemplate
     }
-    <tr>
-        @if (ShowDetails())
-        {
-            <th>
-                <div class="table-cell">&nbsp;</div>
-            </th>
-        }
-        @if (IsMultipleSelect)
-        {
-            <th class="@CheckboxColumnClass">
-                <div class="table-cell">
-                    <Checkbox TValue="TItem" DisplayText="@CheckboxDisplayTextString" ShowAfterLabel="@ShowCheckboxText"
-                              State="@HeaderCheckState()" OnStateChanged="OnHeaderCheck"></Checkbox>
-                </div>
-            </th>
-        }
-        @if (ShowLineNo)
-        {
-            <th>
-                <div class="table-cell">@LineNoText</div>
-            </th>
-        }
-        @if (!IsExcel && ShowExtendButtons && IsExtendButtonsInRowHeader)
-        {
-            @RenderExtendButtonsHeader
-        }
-        @foreach (var col in GetColumns())
-        {
-            @if (CheckShownWithBreakpoint(col))
+    @if (ShowMultiFilterHeader)
+    {
+        <tr>
+            @if (ShowDetails())
             {
-                var fieldName = col.GetFieldName();
-                var displayName = col.GetDisplayName();
-                <DynamicElement TagName="th" class="@GetHeaderClassString(col)" style="@GetFixedCellStyleString(col, 6)"
-                                TriggerClick="col.Sortable" OnClick="@OnClickHeader(col)">
-                    <div class="@GetHeaderWrapperClassString(col)">
-                        @if(col.HeaderTemplate != null)
-                        {
-                            @col.HeaderTemplate(col)
-                        }
-                        else
-                        {
-                            <span class="@GetHeaderTextClassString(col)">@displayName</span>
-                        }
-                        @if (col.Filterable && !ShowFilterHeader)
-                        {
-                            <i class="@GetFilterClassString(fieldName)" data-field="@fieldName" @onclick:stopPropagation @onclick="() => OnFilterClick(col)"></i>
-                        }
-                        @if (col.Sortable)
+                <th>
+                    <div class="table-cell">&nbsp;</div>
+                </th>
+            }
+            @if (IsMultipleSelect)
+            {
+                <th class="@CheckboxColumnClass">
+                    <div class="table-cell">
+                        <Checkbox TValue="TItem" DisplayText="@CheckboxDisplayTextString" ShowAfterLabel="@ShowCheckboxText"
+                                  State="@HeaderCheckState()" OnStateChanged="OnHeaderCheck"></Checkbox>
+                    </div>
+                </th>
+            }
+            @if (ShowLineNo)
+            {
+                <th>
+                    <div class="table-cell">@LineNoText</div>
+                </th>
+            }
+            @if (!IsExcel && ShowExtendButtons && IsExtendButtonsInRowHeader)
+            {
+                @RenderExtendButtonsHeader
+            }
+            @foreach (var col in GetColumns())
+            {
+                @if (CheckShownWithBreakpoint(col))
+                {
+                    var fieldName = col.GetFieldName();
+                    var displayName = col.GetDisplayName();
+                    <DynamicElement TagName="th" class="@GetHeaderClassString(col)" style="@GetFixedCellStyleString(col, 6)"
+                                    TriggerClick="col.Sortable" OnClick="@OnClickHeader(col)">
+                        <div class="@GetHeaderWrapperClassString(col)">
+                            @if(col.HeaderTemplate != null)
+                            {
+                                @col.HeaderTemplate(col)
+                            }
+                            else
+                            {
+                                <span class="@GetHeaderTextClassString(col)">@displayName</span>
+                            }
+                            @if (col.Filterable && !ShowFilterHeader)
+                            {
+                                <i class="@GetFilterClassString(fieldName)" data-field="@fieldName" @onclick:stopPropagation @onclick="() => OnFilterClick(col)"></i>
+                            }
+                            @if (col.Sortable)
+                            {
+                                <i class="@GetIconClassString(fieldName)"></i>
+                            }
+                        </div>
+                        @if (AllowResizing)
                         {
-                            <i class="@GetIconClassString(fieldName)"></i>
+                            <span class="col-resizer"></span>
                         }
-                    </div>
-                    @if (AllowResizing)
-                    {
-                        <span class="col-resizer"></span>
-                    }
-                </DynamicElement>
+                    </DynamicElement>
+                }
             }
-        }
-        @if (!IsExcel && ShowExtendButtons && !IsExtendButtonsInRowHeader)
-        {
-            @RenderExtendButtonsHeader
-        }
-        @if (hasScroll)
-        {
-            <th class="fixed-scroll"><div class="table-cell"><span>&nbsp;</span></div></th>
-        }
-    </tr>
+            @if (!IsExcel && ShowExtendButtons && !IsExtendButtonsInRowHeader)
+            {
+                @RenderExtendButtonsHeader
+            }
+            @if (hasScroll)
+            {
+                <th class="fixed-scroll"><div class="table-cell"><span>&nbsp;</span></div></th>
+            }
+        </tr>
+    }
     @if (ShowFilterHeader)
     {
         <tr>
diff --git a/src/BootstrapBlazor/Components/Table/Table.razor.cs b/src/BootstrapBlazor/Components/Table/Table.razor.cs
index de068570d7baa9ec6ebfb0795449127660924344..ad9a760b4ca92fca7a6af7d4f339f76b040c9ee8 100644
--- a/src/BootstrapBlazor/Components/Table/Table.razor.cs
+++ b/src/BootstrapBlazor/Components/Table/Table.razor.cs
@@ -524,6 +524,12 @@ public partial class Table<TItem> : BootstrapComponentBase, IDisposable, ITable
     [Parameter]
     public bool ShowFilterHeader { get; set; }
 
+    /// <summary>
+    /// 获得/设置 是否显示过滤表头 默认 false 不显示
+    /// </summary>
+    [Parameter]
+    public bool ShowMultiFilterHeader { get; set; }
+
     /// <summary>
     /// 获得/设置 是否显示表脚 默认为 false
     /// </summary>