github/dbx
4
0
Fork 0
mirror of https://github.com/t8y2/dbx.git synced 2026-10-23 13:51:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(grid): stabilize single-column scrolling

Browse Source
This commit is contained in:
t8y2
2026-06-03 15:04:34 +08:00
parent 7fb53ee0b4
commit fbe64de315
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/desktop/src/components/grid/DataGrid.vue
+2
View File
@@ -1573,6 +1573,7 @@ const { initColumnWidths, onResizeStart, autoFitColumn, renderedColumnWidths, to
sourceRows: computed(() => props.result.rows),
columnIndexes: visibleColumnIndexes,
gridRef,
scrollbarGutter: gridScrollbarGutter,
});
const gridStyle = computed(() => ({
...columnVars.value,
@@ -7763,6 +7764,7 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
.data-grid-scroller {
overflow-anchor: none;
scrollbar-gutter: stable;
will-change: scroll-position;
contain: strict;
}
apps/desktop/src/composables/useDataGridColumnResize.ts
+4 -2
View File
@@ -15,10 +15,11 @@ export interface UseDataGridColumnResizeOptions {
sourceRows: ComputedRef<CellValue[][]>;
columnIndexes: ComputedRef<number[]>;
gridRef: Ref<HTMLDivElement | undefined>;
scrollbarGutter?: Ref<number>;
}
export function useDataGridColumnResize(options: UseDataGridColumnResizeOptions) {
const { columns, sourceRows, columnIndexes, gridRef } = options;
const { columns, sourceRows, columnIndexes, gridRef, scrollbarGutter } = options;
const columnWidths = ref<number[]>([]);
const { width: gridWidth } = useElementSize(gridRef);
@@ -80,7 +81,8 @@ export function useDataGridColumnResize(options: UseDataGridColumnResizeOptions)
const widths = columnWidths.value;
if (widths.length === 0) return widths;
const extraWidth = Math.max(0, gridWidth.value - DATA_GRID_ROW_NUM_WIDTH - baseTotalWidth.value);
const availableWidth = Math.max(0, gridWidth.value - (scrollbarGutter?.value ?? 0));
const extraWidth = Math.max(0, availableWidth - DATA_GRID_ROW_NUM_WIDTH - baseTotalWidth.value);
if (extraWidth === 0) return widths;
const extraPerColumn = extraWidth / widths.length;