Skip to content

Commit 1ef3ed8

Browse files
authored
fix(table): solve header checkbox is not sticky (#174)
1 parent 7e51430 commit 1ef3ed8

1 file changed

Lines changed: 10 additions & 1 deletion

File tree

src/assets/scss/components/_table.scss

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -174,16 +174,25 @@ $table-card-spacer: $spacer;
174174
}
175175
}
176176

177+
.scrollable {
178+
-webkit-overflow-scrolling: touch;
179+
overflow-x: auto;
180+
max-width: 100%;
181+
}
182+
177183
.table-sticky {
178184
height: var(--#{$prefix}table-sticky-header-height);
179185
overflow-y: auto;
180186

181187
.table thead th {
182188
position: -webkit-sticky;
183189
position: sticky;
184-
left: 0;
185190
top: 0;
186191
z-index: calc(var(--#{$prefix}table-sticky-zindex) + 10);
192+
193+
&.sticky {
194+
z-index: calc(var(--#{$prefix}table-sticky-zindex) + 11);
195+
}
187196
}
188197
}
189198

0 commit comments

Comments
 (0)