diff --git a/src/BootstrapBlazor/Components/Table/Table.razor b/src/BootstrapBlazor/Components/Table/Table.razor
index 9d3ba54f2c4c5fbc5f2abdd7065d9b786d865211..395b83056d83512328928df3e5e3c3b9148a7000 100644
--- a/src/BootstrapBlazor/Components/Table/Table.razor
+++ b/src/BootstrapBlazor/Components/Table/Table.razor
@@ -229,8 +229,8 @@
                 @if (ShowFooter && !IsHideFooterWhenNoData)
                 {
                     <div class="table-row table-footer">
-                        <CascadingValue Value="@ScreenSize" Name="ScreenSize">
-                            <CascadingValue Value="@RenderModeResponsiveWidth" Name="RenderModeResponsiveWidth">
+                        <CascadingValue Value="true" Name="IsMobileMode" IsFixed="true">
+                            <CascadingValue Value="@RowItems" Name="TableFooterContext" IsFixed="true">
                                 @TableFooter?.Invoke(RowItems)
                             </CascadingValue>
                         </CascadingValue>
@@ -346,8 +346,8 @@
         @if (ShowFooter && !IsHideFooterWhenNoData)
         {
             <tfoot>
-                <CascadingValue Value="@(ScreenSize > RenderModeResponsiveWidth)" Name="IsMobileMode">
-                    <CascadingValue Value="@RowItems" Name="TableFooterContext">
+                <CascadingValue Value="false" Name="IsMobileMode" IsFixed="true">
+                    <CascadingValue Value="@RowItems" Name="TableFooterContext" IsFixed="true">
                         @if (FooterTemplate != null)
                         {
                             @FooterTemplate(RowItems)