daifuyang
commented
9 months ago 目前定位到的问题是 .ant-pro-table-list-toolbar-container-mobile { flex-direction: column; } 样式会覆盖默认的样式，感觉是cssinjs带来的副作用。看看怎么修复比较好？
Closed daifuyang closed 9 months ago
daifuyang
commented
9 months ago 目前定位到的问题是 .ant-pro-table-list-toolbar-container-mobile { flex-direction: column; } 样式会覆盖默认的样式，感觉是cssinjs带来的副作用。看看怎么修复比较好？
chenshuai2144
commented
9 months ago 在antd中，当Tabs和ProTable嵌套使用时，切换选项卡可能会导致表格抖动的问题。这是由于antd内置了一些组件交互动效，而这些动效可能会影响页面的交互性能。
要解决这个问题，可以禁用动画效果。在代码片段中，可以看到在ConfigProvider组件中设置了theme的token属性，将motion属性设置为false，即可禁用动画效果。
<ConfigProvider
theme={{
token: {
motion: false,
},
}}
>
{nodes}
</ConfigProvider>通过将motion属性设置为false，可以禁用动画效果，从而解决表格抖动的问题。或者直接写死高度
Reproduction link
Steps to reproduce
依次点击切换tab选项卡，会感觉到表格工具栏明显的抖动
What is expected?
不抖动
What is actually happening?
页面抖动