bug(Table): unsupported filter data type cause filter icon misalignment

src/BootstrapBlazor/BootstrapBlazor.csproj

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

src/BootstrapBlazor/Components/Filters/NotSupportFilter.razor

@@ -0,0 +1,4 @@
+@namespace BootstrapBlazor.Components
+@inherits FilterBase
+
+<div>@NotSupportedMessage</div>

src/BootstrapBlazor/Components/Filters/NotSupportFilter.razor.cs

@@ -0,0 +1,51 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the Apache 2.0 License
+// See the LICENSE file in the project root for more information.
+// Maintainer: Argo Zhang([email protected]) Website: https://www.blazor.zone
+
+using Microsoft.Extensions.Localization;
+
+namespace BootstrapBlazor.Components;
+
+/// <summary>
+/// NotSupportFilter component
+/// </summary>
+public partial class NotSupportFilter
+{
+    [Inject]
+    [NotNull]
+    private IStringLocalizer<TableColumnFilter>? Localizer { get; set; }
+
+    /// <summary>
+    /// 获得/设置 不支持过滤类型提示信息 默认 null 读取资源文件内容
+    /// </summary>
+    [Parameter]
+    public string? NotSupportedMessage { get; set; }
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    protected override void OnParametersSet()
+    {
+        base.OnParametersSet();
+
+        NotSupportedMessage ??= Localizer[nameof(NotSupportedMessage)];
+    }
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    /// <returns></returns>
+    public override FilterKeyValueAction GetFilterConditions()
+    {
+        return new();
+    }
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    public override void Reset()
+    {
+
+    }
+}

src/BootstrapBlazor/Components/Filters/TableColumnFilter.razor

@@ -88,7 +88,9 @@ else
                         </FilterProvider>
                         break;
                     default:
-                        <div>@NotSupportedMessage</div>
+                        <FilterProvider>
+                            <NotSupportFilter NotSupportedMessage="@NotSupportedMessage"></NotSupportFilter>
+                        </FilterProvider>
                         break;
                 }
             }

src/BootstrapBlazor/Components/Filters/TableColumnFilter.razor.cs

@@ -87,16 +87,6 @@ protected override void OnInitialized()
         _fieldKey = Column.GetFieldName();
     }
 
-    /// <summary>
-    /// <inheritdoc/>
-    /// </summary>
-    protected override void OnParametersSet()
-    {
-        base.OnParametersSet();
-
-        NotSupportedMessage ??= Localizer[nameof(NotSupportedMessage)];
-    }
-
     /// <summary>
     /// <inheritdoc/>
     /// </summary>