cynx-lib 1.3.58 → 1.3.59
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/vue/components/Table.vue +22 -1
package/package.json
CHANGED
package/vue/components/Table.vue
CHANGED
|
@@ -126,10 +126,11 @@ const getSkeletonWidth = (rIdx: number, cIdx: number, key: string) => {
|
|
|
126
126
|
]"
|
|
127
127
|
:style="height ? { height: formatWidth(height) } : undefined"
|
|
128
128
|
>
|
|
129
|
-
<!-- Scrollable Single Unified Table Container (100% Column Alignment) -->
|
|
129
|
+
<!-- Scrollable Single Unified Table Container (100% Column Alignment & Stable Gutter) -->
|
|
130
130
|
<div
|
|
131
131
|
ref="bodyScrollRef"
|
|
132
132
|
class="w-full overflow-x-auto overflow-y-auto custom-scrollbar flex-1 relative"
|
|
133
|
+
style="scrollbar-gutter: stable;"
|
|
133
134
|
>
|
|
134
135
|
<table class="w-full border-collapse text-left text-xs table-fixed">
|
|
135
136
|
<colgroup>
|
|
@@ -294,3 +295,23 @@ const getSkeletonWidth = (rIdx: number, cIdx: number, key: string) => {
|
|
|
294
295
|
</div>
|
|
295
296
|
</div>
|
|
296
297
|
</template>
|
|
298
|
+
|
|
299
|
+
<style scoped>
|
|
300
|
+
.custom-scrollbar {
|
|
301
|
+
scrollbar-width: thin;
|
|
302
|
+
}
|
|
303
|
+
.custom-scrollbar::-webkit-scrollbar {
|
|
304
|
+
width: 6px;
|
|
305
|
+
height: 6px;
|
|
306
|
+
}
|
|
307
|
+
.custom-scrollbar::-webkit-scrollbar-track {
|
|
308
|
+
background: transparent;
|
|
309
|
+
}
|
|
310
|
+
.custom-scrollbar::-webkit-scrollbar-thumb {
|
|
311
|
+
background-color: rgba(148, 163, 184, 0.3);
|
|
312
|
+
border-radius: 6px;
|
|
313
|
+
}
|
|
314
|
+
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
|
|
315
|
+
background-color: rgba(148, 163, 184, 0.5);
|
|
316
|
+
}
|
|
317
|
+
</style>
|