浏览代码

fix: 针对空数据又存在横向滚动条的高度计算优化

lanjianrong 4 年之前
父节点
当前提交
66be870f07
共有 1 个文件被更改,包括 7 次插入1 次删除
  1. 7 1
      src/components/Table/src/hooks/useTableScroll.ts

+ 7 - 1
src/components/Table/src/hooks/useTableScroll.ts

@@ -69,6 +69,7 @@ export function useTableScroll(
     // )
 
     setTableHeight(dataSource?.length ? height : null)
+
     if (!dataSource?.length) {
       // TODO:针对无数据的情况下,特别设置tboody
       const tbodyEl: HTMLElement = tableElRef.current
@@ -78,7 +79,12 @@ export function useTableScroll(
       let hasScrollBar = el?.style.width !== '100%'
 
       if (el?.style.width !== '100%') {
-        hasScrollBar = el?.clientWidth > el?.style.width
+        const contentWidth =
+          tableElRef.current
+            ?.querySelector('.ant-table-container')
+            ?.querySelector('div.ant-table-content')?.clientWidth || 0
+
+        hasScrollBar = el?.clientWidth > contentWidth
       }
 
       const notDataHeight = `${height - (hasScrollBar ? 8 : 0)}px`