Merge pull request #585 from feored/fix-striped-table

lucaslarroche · web-flow · commit 4b57da2f8988 · 2025-03-09T14:36:33.000+07:00
fix: don't count hidden rows in table stripes
diff --git a/scss/content/_table.scss b/scss/content/_table.scss
@@ -52,8 +52,8 @@
   @if enable-classes {
     #{$parent-selector} table {
       &.striped {
-        tbody tr:nth-child(odd) th,
-        tbody tr:nth-child(odd) td {
+        tbody tr:nth-child(odd of :not([hidden])) th,
+        tbody tr:nth-child(odd of :not([hidden])) td {
           background-color: var(#{$css-var-prefix}table-row-stripped-background-color);
         }
       }

Original file line number	Diff line number	Diff line change
`@@ -52,8 +52,8 @@`
`52`	`52`	`@if enable-classes {`
`53`	`53`	`#{$parent-selector} table {`
`54`	`54`	`&.striped {`
`55`		`- tbody tr:nth-child(odd) th,`
`56`		`- tbody tr:nth-child(odd) td {`
	`55`	`+ tbody tr:nth-child(odd of :not([hidden])) th,`
	`56`	`+ tbody tr:nth-child(odd of :not([hidden])) td {`
`57`	`57`	`background-color: var(#{$css-var-prefix}table-row-stripped-background-color);`
`58`	`58`	`}`
`59`	`59`	`}`