Display fix for tables in for Google Chrome

This commit is contained in:
2026-09-24 14:20:11 +02:00
parent 8de15f223c
commit f0ac95781a
2 changed files with 9 additions and 1 deletions
+7 -1
View File
@@ -3259,6 +3259,12 @@ html[data-theme="dark"] .advanced-filter-popup select,html[data-theme="dark"] .a
.standard-data-table-scroll > .data-table{ .standard-data-table-scroll > .data-table{
margin:0; margin:0;
/* Chromium paints hairline gaps between sticky table rows when the global
collapsed-border model is used. Interactive tables use the separate
border model with zero spacing so title/filter rows remain visually
continuous while keeping sticky THEAD and resize handles unchanged. */
border-collapse:separate !important;
border-spacing:0 !important;
} }
/* v0.5.5.88 correction: keep the complete THEAD sticky. /* v0.5.5.88 correction: keep the complete THEAD sticky.
@@ -3284,7 +3290,7 @@ html[data-theme="dark"] .standard-data-table-scroll > .data-table > thead{
top:auto !important; top:auto !important;
z-index:auto; z-index:auto;
overflow:visible !important; overflow:visible !important;
background-clip:padding-box; background-clip:border-box;
} }
.standard-data-table-scroll > .data-table > thead > tr:first-child > th{ .standard-data-table-scroll > .data-table > thead > tr:first-child > th{
background:#e7ecf0; background:#e7ecf0;
+2
View File
@@ -20,3 +20,5 @@ Interactive tables use one common behavior for:
The final 0.5.5.88 correction keeps `thead` sticky and the individual `th` elements relative. This combination avoids the conflict between sticky headers and absolutely positioned resize handles. The final 0.5.5.88 correction keeps `thead` sticky and the individual `th` elements relative. This combination avoids the conflict between sticky headers and absolutely positioned resize handles.
- Close the small visual seam between sticky title and filter rows with an opaque THEAD background. - Close the small visual seam between sticky title and filter rows with an opaque THEAD background.
- Chromium/Chrome: close the sub-pixel seam between sticky title and filter rows without changing sticky, resize, or column-order behavior.
- Chromium/Chrome sticky-header seam: interactive data tables now use `border-collapse: separate` with zero border spacing; sticky and resize behavior are unchanged.