很多时候table的高度是通过calc计算得来的

第一张图片是虚拟滚动加载的，我想和我现在开发的表格一起联合使用，只不过现在的表格是支持行，列拖动排序，并且删除行、列的操作

:19006/static/js/bundle.js:248771 Uncaught TypeError: Cannot read property 'style' of null
at update_wrap_style (:19006/static/js/bundle.js:248771)
at VTRow.collect_h_tr (:19006/static/js/bundle.js:248873)
at VTRow.componentDidUpdate (:19006/static/js/bundle.js:248834)

不知為何， 當我transfer column的時候， 這問題就發生了， 原來的 antd table 是沒這問題的

I've tried to use useVT like

import React, {useRef, useEffect} from 'react'
import {useVT} from 'virtualizedtableforantd'

const MyTable = () => {
    const ctx = useRef({})
    const [VT, setComponents, VTScroll] = useVT({onScroll: {}})

    useEffect(()=> {
        return () => {
            const loc = VTScroll(id.current)
           ctx.current.top = loc.top
        }
    },[])
    
    return <Table components={VT} {...rest} />
}

直接上codesandbox. 链接: https://codesandbox.io/s/epic-fast-l79vt.

只要我将_repainting里面的代码调整一下位置即可正常运行.
原:
`

if (PAINT_FREE.size) {
  for (let idx of PAINT_FREE) {
    free_h_tr(ctx, idx);
  }
  console.assert(!isNaN(ctx.computed_h) && ctx.computed_h >= 0);
}

if (PAINT_SFREE.size) {
  for (let idx of PAINT_SFREE) {
    free_h_tr(ctx, idx);
  }
  console.assert(!isNaN(ctx.computed_h) && ctx.computed_h >= 0);
}

if (PAINT_ADD.size) {
  for (let [idx, el] of PAINT_ADD) {
    apply_h(ctx, idx, el.offsetHeight);
  }
  console.assert(!isNaN(ctx.computed_h) && ctx.computed_h >= 0);
}

`

改成:
`

    if (PAINT_FREE.size) {
        for (let idx of PAINT_FREE) {
            free_h_tr(ctx, idx)
        }
        console.assert(!isNaN(ctx.computed_h) && ctx.computed_h >= 0);
    }

    if (PAINT_ADD.size) {
        for (let [idx, el] of PAINT_ADD) {
            apply_h(ctx, idx, el.offsetHeight)
        }
        console.assert(!isNaN(ctx.computed_h) && ctx.computed_h >= 0);
    }

    if (PAINT_SFREE.size) {
        for (let idx of PAINT_SFREE) {
            free_h_tr(ctx, idx)
        }
        console.assert(!isNaN(ctx.computed_h) && ctx.computed_h >= 0);
    }

`
就可以正常运行了. 初始为0的时候 两次free会报错, 所以我将add放在sfree前面就能正常运行了.
_repainting这部分代码感觉是有些重复的操作, 如果代码写的更规范一些, 不那么杂乱, 说不定会有更多的人来帮你一起维护.

4000+条数据，全选的情况下 渲染需要4~5s, 改变全选状态也需要大概这么长时间，老哥有啥好的想法改善嘛

能不能把ant 升级到4.0+去

我使用之前的0.4.0版本出现了个bug,当数据量很大时候，第一次加载只会加载20多条，下面都是空白的。所以我就把版本升级到最新的0.6.1版本，在这个版本上没有上面那个bug了，可是在ie11下就报错了

Hello, I need a possibility to set this.inst.current.offsetHeight by hands. There are exist cases when offsetHeight equals to zero and table didn't show any content.
It looks like

I sometimes got this issue with dynamic components.

Can you do props param for fixed row height smth like
this.collect_h_tr(this.props.children[0]!.props!.index, this.props.rowHeight || this.inst.current.offsetHeight);
in didmount and didupdate methods?

你好，当设置固定列后，起初样式是正确的，但是滚动滚动条后就开始表格错位了，我们用的antd版本是3.13

目前如果数据是树形结构，渲染出来的是有问题的，有计划对树形结构进行支持么。

We have a table component that fetches new data on page change or on sorting etc. It goes blank sometimes and the issue is difficult to reproduce. Similar to issue #15. Can you help me in resolving this issue

我试了下 就渲染了第一行

I'm using React-router-dom and when I change to other screen with te same Table component but with differenrent data, appears whits error, however the Table works

Uncaught TypeError: ctx._React_ptr.forceUpdate is not a function vt.js:249

I tried running an example but I seem to get an error of props undefined.

Example: https://stackblitz.com/edit/virtualizedantd

Have I forgotten to add something?

Hey :)

I don't quite get how to use my custom row component with your library.

Before I just used:

<Table
	columns={columns}
	dataSource={songs}
	pagination={false}
	scroll={{ y: height - 210 }}
	components={{ body: { row: MyCustomRowComponent } }}
/>

Now I tried

const componentsConfig = getVTComponents(1000);
componentsConfig.row = MyCustomRowComponent

<Table
	columns={columns}
	dataSource={songs}
	pagination={false}
	scroll={{ y: height - 210 }}
	components={
		VTComponents({
			id: 1000,
		})
	}
/>

but I get a Assertion failed: console.assert on the console without any further explanation what's wrong.

出现了留白的现象

组件首次加载是正常的，但是刷新组件后，表格数据就渲染不出来了。如下图：

我找不到问题在哪，用的是最简单的用法，不确定是不是由于render多次导致的，但是后面几次render数据是传进来了的。
请帮忙分析一下可能是哪里出问题了，感谢。

align: 'center', className: 'sku', width: 90, fixed: 'left',

您好，
如果快速滾動造成空白0.5秒。 這該怎麼解決

When used together with antd's Transfer component, i get the error when trying to transfer data from one side to another. Performing the same action furthermore will crash my app.

Demo: https://codesandbox.io/s/morning-grass-o010b

只有fixed=left 或者 fixed=right的时候不会有问题 ，不知道这算不算一个问题

Hey, I found that when I'm using some elements with border table size less then clientHeight + border.
But if replace to offsetHeight everything is good.

https://codesandbox.io/embed/antd-reproduction-template-b8uqh

目前初步实现，还有些bug：
1.表格头部被隐藏了
2.横向拖动的时候表格头部动不了

还没想好怎么解决（主要是懒得看antd的源码 ( 0x0 ) ）
估计得很久很久

------2020/5/30-------
有种不好的预感，restorable感觉要被砍了 (╥╯^╰╥)

"peerDependencies": {
"antd": "^3.x",
"react": "16.x",
"react-dom": ...
},

我覺得你應該把這3個library移去 peerDepencies， 因為我的library若有你的dependencies就會造成react duplication。

"react": "16.12.0",
"antd": "^4.0.3",
"virtualizedtableforantd": "^0.7.6"
使用的是 : useVT
然后将你Test中CustomRows Hooks取出来放到我项目中测试,结果报错
[
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
   ]

使用 components={VTComponents({ id: 1, debug: true })}
报错
[
vt.js文件 TypeError: Cannot read property 'props' of undefined;
The above error occurred in the component:
in VTable (created by Table)
in div (created by Table)
in div (created by Table)
in Unknown
]

地址：stackblitz

Throwing an error: "ReferenceError: window is not defined"

how to solve this problem?

您放錯了

We were using v0.7.1 and when updated to v0.7.5, table scroller try to scroll more than the table width. Not only scroll but also header is not scrolling as it supposed to be.
When we dig deeper we found that the table body width is changed to 100000.

1. width
   

2. scroller error
   
   

title: 'SKU', dataIndex: 'sku', align: 'center', className: 'sku', width: 65, fixed: 'left',

托动放大，表格错位，带有复选框的表格

My table is data is from redux soldiers as below

const INITIAL_STATE = {
  soldiers: [],
  isLoading: false,
  currentPage: 0,
  keyword: '',
  sortProperty: '',
  sortDirection: '',
  isDetail: false,
  skip: 'false'
};

Somtimes I will jump to another component with router. After back to the table, if the data in redux not change, the table will not render and just display the header.

Actually I have data in redux

It seems that if the data in the redux, not updates, the table will not render.

Uncaught TypeError: Cannot redefine property: DIAGNOSIS
at Function.defineProperty ()
at DIAGNOSIS (:3000/static/js/bundle.js:332964)
at new VTable (:3000/static/js/bundle.js:333416)
at constructClassInstance (:3000/static/js/bundle.js:302917)
at updateClassComponent (:3000/static/js/bundle.js:307126)

当1条数据更新为0条数据时，srs_diff方法中会加入一条sfree，导致渲染时computed_h小于0，table高度更新就出问题了。
解决：

1. 优化srs_diff里的逻辑
2. 强制computed_h最小值为0

总之都是需要熟悉原有逻辑...

I'm using this library to render table inside a resizable container. The horizontal scroll appears when the total column width is more than the width of the container. But the column headers do not move along with the horizontal scroll. Can you please help us with this issue?
Thanks in advance.

index.js:659 Assertion failed: failed to free this tr[1]
使用官方的quick start例子，一样会报上面的错误。

if the elements in the table are less than necessary for the scroll to work, they disappear

因为在Table上套了一层Div 导致原AntTable 有些样式不生效了。比如size fixed=“right” 等等

Hello,

Are you plan to create an example to work with ajax content progressive loading ?

Thank you.

这是一个在线Demo（取消components相关代码会报错，但是在本地可以重现）
https://stackblitz.com/edit/react-gdqekr

应用VTComponents的components后，antd的size属性没有生效

现在还有一个问题 当fixed=‘right’ 时 主table和right table 中间会有一个滚动条的空白，这个修复有思路吗？

Originally posted by @Nokecy in #9 (comment)