xinyin025/soybean-admin
1
0
Fork 0
mirror of https://github.com/soybeanjs/soybean-admin.git synced 2025-09-17 09:16:37 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(hooks): add scrollX computation for total table width in useNaiveTable

Browse Source
This commit is contained in:
Cell 2025-08-04 18:15:18 +08:00 committed by Soybean
parent 9ea56c9b82
commit 358e129765
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/hooks/common/table.ts
View File

@ -38,6 +38,13 @@ export function useNaiveTable<ResponseData, ApiData>(options: UseNaiveTableOptio
getColumns getColumns
}); });
// calculate the total width of the table this is used for horizontal scrolling
const scrollX = computed(() => {
return result.columns.value.reduce((acc, column) => {
return acc + Number(column.width ?? column.minWidth ?? 120);
}, 0);
});
scope.run(() => { scope.run(() => {
watch( watch(
() => appStore.locale, () => appStore.locale,
@ -51,7 +58,10 @@ export function useNaiveTable<ResponseData, ApiData>(options: UseNaiveTableOptio
scope.stop(); scope.stop();
}); });
return result; return {
...result,
scrollX
};
} }
type PaginationParams = Pick<PaginationProps, 'page' | 'pageSize'>; type PaginationParams = Pick<PaginationProps, 'page' | 'pageSize'>;