Table: fix combination of fixed headers and columns (#6489)

stsrki · web-flow · commit 3ef70bb75db0 · 2026-03-27T10:02:06.000+01:00
diff --git a/Source/Blazorise.AntDesign/Styles/components/_table.scss b/Source/Blazorise.AntDesign/Styles/components/_table.scss
@@ -206,6 +206,12 @@ tr.ant-table-row {
     }
 }
 
+.ant-table.ant-table-fixed-header.ant-table-fixed-columns {
+    thead th[data-fixed-position] {
+        z-index: 12 !important;
+    }
+}
+
 
 td:focus {
     outline: -webkit-focus-ring-color auto 1px;
diff --git a/Source/Blazorise.AntDesign/wwwroot/blazorise.antdesign.css b/Source/Blazorise.AntDesign/wwwroot/blazorise.antdesign.css
@@ -3748,6 +3748,10 @@ tr.ant-table-row.ant-table-row-selectable:focus[tabindex="0"] {
   right: 0;
 }
 
+.ant-table.ant-table-fixed-header.ant-table-fixed-columns thead th[data-fixed-position] {
+  z-index: 12 !important;
+}
+
 td:focus {
   outline: -webkit-focus-ring-color auto 1px;
 }
diff --git a/Source/Blazorise.AntDesign/wwwroot/blazorise.antdesign.min.css b/Source/Blazorise.AntDesign/wwwroot/blazorise.antdesign.min.css
diff --git a/Source/Blazorise.Bootstrap/Styles/components/_table.scss b/Source/Blazorise.Bootstrap/Styles/components/_table.scss
@@ -95,6 +95,14 @@ tr {
     }
 }
 
+.table-fixed-header.table-fixed-columns {
+    .table {
+        thead th[data-fixed-position] {
+            z-index: 12 !important;
+        }
+    }
+}
+
 
 td:focus {
     outline: -webkit-focus-ring-color auto 1px;
diff --git a/Source/Blazorise.Bootstrap/wwwroot/blazorise.bootstrap.css b/Source/Blazorise.Bootstrap/wwwroot/blazorise.bootstrap.css
@@ -2292,6 +2292,10 @@ tr.table-row-selectable:focus[tabindex="0"] {
   right: 0;
 }
 
+.table-fixed-header.table-fixed-columns .table thead th[data-fixed-position] {
+  z-index: 12 !important;
+}
+
 td:focus {
   outline: -webkit-focus-ring-color auto 1px;
 }
diff --git a/Source/Blazorise.Bootstrap/wwwroot/blazorise.bootstrap.min.css b/Source/Blazorise.Bootstrap/wwwroot/blazorise.bootstrap.min.css
diff --git a/Source/Blazorise.Bootstrap5/Styles/components/_table.scss b/Source/Blazorise.Bootstrap5/Styles/components/_table.scss
@@ -106,6 +106,14 @@ tr {
     }
 }
 
+.table-fixed-header.table-fixed-columns {
+    > .table {
+        > thead > tr > th[data-fixed-position] {
+            z-index: 12 !important;
+        }
+    }
+}
+
 
 td:focus {
     outline: -webkit-focus-ring-color auto 1px;
diff --git a/Source/Blazorise.Bootstrap5/wwwroot/blazorise.bootstrap5.css b/Source/Blazorise.Bootstrap5/wwwroot/blazorise.bootstrap5.css
@@ -1847,6 +1847,10 @@ tr.table-row-selectable:focus[tabindex="0"] {
   border-inline-start-width: 1px;
 }
 
+.table-fixed-header.table-fixed-columns > .table > thead > tr > th[data-fixed-position] {
+  z-index: 12 !important;
+}
+
 td:focus {
   outline: -webkit-focus-ring-color auto 1px;
 }
diff --git a/Source/Blazorise.Bootstrap5/wwwroot/blazorise.bootstrap5.min.css b/Source/Blazorise.Bootstrap5/wwwroot/blazorise.bootstrap5.min.css
diff --git a/Source/Blazorise.Bulma/Styles/components/_table.scss b/Source/Blazorise.Bulma/Styles/components/_table.scss
@@ -97,6 +97,14 @@ tr {
     }
 }
 
+.table-container-fixed-header.table-container-fixed-columns {
+    .table {
+        thead th[data-fixed-position] {
+            z-index: 12 !important;
+        }
+    }
+}
+
 td:focus {
     outline: -webkit-focus-ring-color auto 1px;
 }
diff --git a/Source/Blazorise.Bulma/wwwroot/blazorise.bulma.css b/Source/Blazorise.Bulma/wwwroot/blazorise.bulma.css
@@ -3506,6 +3506,10 @@ tr.table-row-selectable:focus[tabindex="0"] {
   right: 0;
 }
 
+.table-container-fixed-header.table-container-fixed-columns .table thead th[data-fixed-position] {
+  z-index: 12 !important;
+}
+
 td:focus {
   outline: -webkit-focus-ring-color auto 1px;
 }
diff --git a/Source/Blazorise.Bulma/wwwroot/blazorise.bulma.min.css b/Source/Blazorise.Bulma/wwwroot/blazorise.bulma.min.css
diff --git a/Source/Blazorise.FluentUI2/Styles/components/_table.scss b/Source/Blazorise.FluentUI2/Styles/components/_table.scss
@@ -325,6 +325,14 @@
     }
 }
 
+.fui-Table-fixed-header.fui-Table-fixed-columns {
+    .fui-Table {
+        thead th[data-fixed-position] {
+            z-index: 12 !important;
+        }
+    }
+}
+
 .b-table.fui-Table {
     position: relative;
 
diff --git a/Source/Blazorise.FluentUI2/wwwroot/blazorise.fluentui2.css b/Source/Blazorise.FluentUI2/wwwroot/blazorise.fluentui2.css
@@ -7710,6 +7710,10 @@ input::file-selector-button {
   border-top-color: var(--colorTransparentStrokeInteractive);
 }
 
+.fui-Table-fixed-header.fui-Table-fixed-columns .fui-Table thead th[data-fixed-position] {
+  z-index: 12 !important;
+}
+
 .b-table.fui-Table {
   position: relative;
 }
diff --git a/Source/Blazorise.FluentUI2/wwwroot/blazorise.fluentui2.min.css b/Source/Blazorise.FluentUI2/wwwroot/blazorise.fluentui2.min.css
diff --git a/Source/Blazorise.Material/Styles/components/_table.scss b/Source/Blazorise.Material/Styles/components/_table.scss
@@ -87,6 +87,14 @@ tr {
     }
 }
 
+.table-fixed-header.table-fixed-columns {
+    .table {
+        thead th[data-fixed-position] {
+            z-index: 12 !important;
+        }
+    }
+}
+
 td:focus {
     outline: -webkit-focus-ring-color auto 1px;
 }
diff --git a/Source/Blazorise.Material/wwwroot/blazorise.material.css b/Source/Blazorise.Material/wwwroot/blazorise.material.css
@@ -1935,6 +1935,10 @@ tr.table-row-selectable:focus[tabindex="0"] {
   right: 0;
 }
 
+.table-fixed-header.table-fixed-columns .table thead th[data-fixed-position] {
+  z-index: 12 !important;
+}
+
 td:focus {
   outline: -webkit-focus-ring-color auto 1px;
 }
diff --git a/Source/Blazorise.Material/wwwroot/blazorise.material.min.css b/Source/Blazorise.Material/wwwroot/blazorise.material.min.css
diff --git a/Source/Blazorise.Tailwind/Styles/components/_table.scss b/Source/Blazorise.Tailwind/Styles/components/_table.scss
@@ -50,6 +50,14 @@ tr.b-table-row {
     }
 }
 
+.b-table-fixed-header.b-table-fixed-columns {
+    > .b-table {
+        > thead > tr > th[data-fixed-position] {
+            z-index: 12 !important;
+        }
+    }
+}
+
 td:focus {
     outline: -webkit-focus-ring-color auto 1px;
 }
@@ -89,4 +97,4 @@ td:focus {
             border-bottom: 1px solid;
         }
     }
-}
+}
diff --git a/Source/Blazorise.Tailwind/tailwind-build/blazorise.tailwind.css b/Source/Blazorise.Tailwind/tailwind-build/blazorise.tailwind.css
@@ -451,6 +451,10 @@ tr.b-table-row.b-table-row-selectable:focus[tabindex="0"] {
   border: 0;
 }
 
+.b-table-fixed-header.b-table-fixed-columns > .b-table > thead > tr > th[data-fixed-position] {
+  z-index: 12 !important;
+}
+
 td:focus {
   outline: -webkit-focus-ring-color auto 1px;
 }
diff --git a/Source/Blazorise.Tailwind/tailwind-build/blazorise.tailwind.min.css b/Source/Blazorise.Tailwind/tailwind-build/blazorise.tailwind.min.css

Original file line number	Diff line number	Diff line change
`@@ -206,6 +206,12 @@ tr.ant-table-row {`
`206`	`206`	`}`
`207`	`207`	`}`
`208`	`208`
	`209`	`+.ant-table.ant-table-fixed-header.ant-table-fixed-columns {`
	`210`	`+ thead th[data-fixed-position] {`
	`211`	`+ z-index: 12 !important;`
	`212`	`+ }`
	`213`	`+}`
	`214`	`+`
`209`	`215`
`210`	`216`	`td:focus {`
`211`	`217`	`outline: -webkit-focus-ring-color auto 1px;`
Original file line number	Diff line number	Diff line change
`@@ -3748,6 +3748,10 @@ tr.ant-table-row.ant-table-row-selectable:focus[tabindex="0"] {`
`3748`	`3748`	`right: 0;`
`3749`	`3749`	`}`
`3750`	`3750`
	`3751`	`+.ant-table.ant-table-fixed-header.ant-table-fixed-columns thead th[data-fixed-position] {`
	`3752`	`+ z-index: 12 !important;`
	`3753`	`+}`
	`3754`	`+`
`3751`	`3755`	`td:focus {`
`3752`	`3756`	`outline: -webkit-focus-ring-color auto 1px;`
`3753`	`3757`	`}`
Original file line number	Diff line number	Diff line change
`@@ -95,6 +95,14 @@ tr {`
`95`	`95`	`}`
`96`	`96`	`}`
`97`	`97`
	`98`	`+.table-fixed-header.table-fixed-columns {`
	`99`	`+ .table {`
	`100`	`+ thead th[data-fixed-position] {`
	`101`	`+ z-index: 12 !important;`
	`102`	`+ }`
	`103`	`+ }`
	`104`	`+}`
	`105`	`+`
`98`	`106`
`99`	`107`	`td:focus {`
`100`	`108`	`outline: -webkit-focus-ring-color auto 1px;`
Original file line number	Diff line number	Diff line change
`@@ -2292,6 +2292,10 @@ tr.table-row-selectable:focus[tabindex="0"] {`
`2292`	`2292`	`right: 0;`
`2293`	`2293`	`}`
`2294`	`2294`
	`2295`	`+.table-fixed-header.table-fixed-columns .table thead th[data-fixed-position] {`
	`2296`	`+ z-index: 12 !important;`
	`2297`	`+}`
	`2298`	`+`
`2295`	`2299`	`td:focus {`
`2296`	`2300`	`outline: -webkit-focus-ring-color auto 1px;`
`2297`	`2301`	`}`
Original file line number	Diff line number	Diff line change
`@@ -106,6 +106,14 @@ tr {`
`106`	`106`	`}`
`107`	`107`	`}`
`108`	`108`
	`109`	`+.table-fixed-header.table-fixed-columns {`
	`110`	`+ > .table {`
	`111`	`+ > thead > tr > th[data-fixed-position] {`
	`112`	`+ z-index: 12 !important;`
	`113`	`+ }`
	`114`	`+ }`
	`115`	`+}`
	`116`	`+`
`109`	`117`
`110`	`118`	`td:focus {`
`111`	`119`	`outline: -webkit-focus-ring-color auto 1px;`
Original file line number	Diff line number	Diff line change
`@@ -1847,6 +1847,10 @@ tr.table-row-selectable:focus[tabindex="0"] {`
`1847`	`1847`	`border-inline-start-width: 1px;`
`1848`	`1848`	`}`
`1849`	`1849`
	`1850`	`+.table-fixed-header.table-fixed-columns > .table > thead > tr > th[data-fixed-position] {`
	`1851`	`+ z-index: 12 !important;`
	`1852`	`+}`
	`1853`	`+`
`1850`	`1854`	`td:focus {`
`1851`	`1855`	`outline: -webkit-focus-ring-color auto 1px;`
`1852`	`1856`	`}`
Original file line number	Diff line number	Diff line change
`@@ -97,6 +97,14 @@ tr {`
`97`	`97`	`}`
`98`	`98`	`}`
`99`	`99`
	`100`	`+.table-container-fixed-header.table-container-fixed-columns {`
	`101`	`+ .table {`
	`102`	`+ thead th[data-fixed-position] {`
	`103`	`+ z-index: 12 !important;`
	`104`	`+ }`
	`105`	`+ }`
	`106`	`+}`
	`107`	`+`
`100`	`108`	`td:focus {`
`101`	`109`	`outline: -webkit-focus-ring-color auto 1px;`
`102`	`110`	`}`