github
/
jeecg-boot
mirror of https://github.com/jeecgboot/jeecg-boot
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

【issues/7422】BasicTable列表canResize属性为true时合计行不能横向滚动

pull/7524/head
JEECG 2024-11-12 09:34:18 +08:00
parent b5b667058b
commit b16fdef8dc
1 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
jeecgboot-vue3/src/components/Table/src/hooks/useTableFooter.ts
View File

@ -38,24 +38,34 @@ export function useTableFooter(
});
function handleSummary() {
const { showSummary } = unref(propsRef);
const { showSummary, canResize } = unref(propsRef);
if (!showSummary || unref(getIsEmptyData)) return;
nextTick(() => {
const tableEl = unref(tableElRef);
if (!tableEl) return;
const bodyDom = tableEl.$el.querySelector('.ant-table-content');
useEventListener({
el: bodyDom,
name: 'scroll',
listener: () => {
const footerBodyDom = tableEl.$el.querySelector('.ant-table-footer .ant-table-content') as HTMLDivElement;
if (!footerBodyDom || !bodyDom) return;
footerBodyDom.scrollLeft = bodyDom.scrollLeft;
},
wait: 0,
options: true,
});
let bodyDom;
// update-begin--author:liaozhiyang---date:20241111---for：【issues/7422】BasicTable列表canResize属性为true时合计行不能横向滚动
if (canResize) {
setTimeout(() => {
bodyDom = tableEl.$el.querySelector('.ant-table-body');
}, 0);
} else {
bodyDom = tableEl.$el.querySelector('.ant-table-content');
}
setTimeout(() => {
useEventListener({
el: bodyDom,
name: 'scroll',
listener: () => {
const footerBodyDom = tableEl.$el.querySelector('.ant-table-footer .ant-table-content') as HTMLDivElement;
if (!footerBodyDom || !bodyDom) return;
footerBodyDom.scrollLeft = bodyDom.scrollLeft;
},
wait: 0,
options: true,
});
}, 0);
// update-end--author:liaozhiyang---date:20241111---for：【issues/7422】BasicTable列表canResize属性为true时合计行不能横向滚动
});
}
return { getFooterProps };