在v4 时期,我们为 Table 添加了一个自定义components的示例,通过components.body替换默认的<tbody>,实现虚拟滚动的效果。但是很多开发者反馈 Demo 中的虚拟表格有很多功能无法实现。例如 固定列、合并行列、展开行 等等。 所以在 v5 中,我们提出了[RFC] StaticTable for fast perf & virtual scroll support。该 RFC...
这里举个例子,比如说在Table中实现定位到某条内容;改装findNeedNode函数,固定查找ant-table-bodyclassName 修改为可传入式;定位到某条内容需要获取到这条内容的所在盒子的高度,而表格内部内容不可控,所以说需要获取表格内所有内容的高度进行加法运算(此处运算到需要定位的内容就停止),得到高度后,获取到Table中 tr 上一...
Ant Design Vue 2.x版本可能对此类功能有更好的支持,但具体情况需要查阅官方文档确认。 3. 如何在Ant Design Vue的表格组件中实现虚拟滚动 在Ant Design Vue 1.x版本中,你可以通过以下步骤实现虚拟滚动: 封装虚拟滚动表格组件: 你可以基于Ant Design Vue的a-table组件封装一个支持虚拟滚动的表格组件。这通常涉及...
https://ant-design.antgroup.com/~demos/table-demo-virtual-list Steps to reproduce 官网虚拟列表demo即可复现。 当我在表格中随意点击或不点击时,过了2s左右滚动条就消失了。这时候我只能将光标移出表格再移进来,滚动条才会出现。我希望光标在表格中时滚动条不会消失 What is expected? 滚动条不消失 What is...
https://ant.design/components/table-cn#components-table-demo-virtual-list Steps to reproduce 1、打开官网Table 虚拟滚定demo 2、缩小屏幕尺寸至出现横向滚动条 3、切换数据为‘None‘ What is expected? 与普通表格体验一致,可以横向拖动,以便查看所有列 ...
目前为止,无限滚动没去做,只做了纵向虚拟滚动,滚动有些许延迟,但首次渲染和编辑的实时响应,还是可以接受的,而且支持固定左右列,横向滚动,完全支持自定义react组件的嵌套和插入,扩展起来太容易了。基本支持antd-table的用法。 实战 在动手写之前,要考虑一些问题: ...
react antDesign hook 大数据表格虚拟滚动 业务使用 // 使用虚拟列表const virtualComponents = useVirtualTable({height:350// 设置可视高度})const components = useMemo(() => {return {body: {wrapper: virtualComponents.body.wrapper},table: virtualComponents.table}}, [ virtualComponents])return (<div...
Ant Design 4.0 的一些杂事儿 - Table 篇 Ant Design 4.0 的一些杂事儿 - Form 篇 Ant Design 4.0 的一些杂事儿 - Select 篇 在React 中,我们常说不太需要关注性能问题。只要在 prod 模式下没有卡顿就不需要使用 memo、PureComponent、 shouldComponentUpdate、useMemo 这些优化手段。 然而作为组件库,这些事你就...
@二货都会解决。在 4.0 中将会见到 完全兼容原来 api，并且支持动画 支持固定的 新 virtualized table ...
@二货都会解决。在 4.0 中将会见到 完全兼容原来 api，并且支持动画 支持固定的 新 virtualized table ...