iqoo z10 turbo+ 8000mha 电池

我真想把帖子链接甩公司群里

https://davidwhyte.com/experience/ 我喜欢这种当简历

祝楼主生意红火

好看

黄老五花生酥

支持，参与一下

@Michael001 1 楼里面用 react 版本里面自己实现一个，有瑕疵，dom 会闪烁，vue 里没用 antd-vue 。是 css 布局问题。issues 里面有详情

@canvascat 我试试，感谢

@gogogo2000 实验性的不敢用在生产上...在 github 上找了个库，凑活着用吧

@unhappy224 本来是想用 vben 的，可是我想着用久了 vue ，换换 react ，开弓没有回头箭，这个项目是必须要继续吃下去了。🥹

朋友们，有没有 react 交流群。因为我还有好多 react 找不到好的解决方案，比如路由跳转滚动条恢复，数据状态缓存，类似 vue 的 keep-alive 。虽然从 vue 到 react 思维要转变，但是真的好多在 vue 里面好用的功能，在 react 生态里找不到好的解决方案。

@angrylid 是啊，想着能快速启动项目，结果好多坑。

@gogogo2000 诶，冲着他家的 pro components 去的，深入了解后可能真不如 vue element 的解决方案

@unhappy224 确实，为了这个问题我去看了 antdv table 的源码，确实头大。另外发现他们的表格是依赖了一个 rc-table 作为基础。

@AokiNet 怎么改的朋友，issues 里面的 CSS 方案我试过了没用

附上自己的解决方案，目前能做到自适应，但是表格下面部分的元素会产生闪烁，比如分页。（顺便求下，有没有 react/antd 交流群，谢谢各位大佬）
```
import { debounce } from "lodash-es";
import { useCallback, useLayoutEffect, useRef, useState } from "react";

export function useTableScroll() {
const [tableHeight, setTableHeight] = useState(600);
const tableContainerRef = useRef<HTMLDivElement>(null);

const calculateTableHeight = useCallback(() => {
const node = tableContainerRef.current?.querySelector(".ant-table-tbody") as HTMLElement;
const nodeRect = node?.getBoundingClientRect() ?? { top: 0 };
const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
const pagination = tableContainerRef.current?.querySelector(".ant-pagination") as HTMLElement;
const { top: nodeTop } = nodeRect;
const { height: paginationHeight } = pagination?.getBoundingClientRect() ?? {
height: 0,
};
const { marginTop: paginationMarginTop } = pagination
? (getComputedStyle(pagination) as CSSStyleDeclaration)
: { marginTop: "0px" };

const height = viewportHeight - nodeTop - paginationHeight - Number(paginationMarginTop.replace("px", "")) - 40;
// console.log("[ height ] >", height);
setTableHeight(height);
}, []);

useLayoutEffect(() => {
if (!tableContainerRef.current) return;

const debouncedCalculate = debounce(calculateTableHeight, 100);

// 初次加载时计算一次
debouncedCalculate();

const resizeObserver = new ResizeObserver((entries) => {
for (const entry of entries) {
if (entry.target === tableContainerRef.current) {
debouncedCalculate();
}
}
});

resizeObserver.observe(tableContainerRef.current);

// 清理函数：组件卸载时停止观察
return () => {
resizeObserver.disconnect();
debouncedCalculate.cancel();
};
}, [calculateTableHeight]);

return { scroll: { y: tableHeight }, tableContainerRef };
}

```

牛哇

我也遇到了，每次改停靠位置 edge 都会卡好一会