Table rows and columns doesn't show when x axis scroll is set to initial position

[cold6lanket]

What version of rsuite are you using?

5.0.3 "rsuite-table": "^5.3.5",

What version of React are you using?

17

What version of TypeScript are you using (if any)?

No response

What browser are you using?

Chrome

Describe the Bug

when we scroll to the left, the column and rows are empty

Expected Behavior

Table column and row should not become empty when scrolling

To Reproduce

This tends to happen when table has more than 30 columns

[simonguo]

Please provide an example on codesandbox

[cold6lanket]

@simonguo, https://codesandbox.io/s/unruffled-williams-dg65oz?file=/src/index.js

[simonguo]

This is a rendering problem caused by the browser caused by the use of translate3d. The solution is to disable this feature.

<Table translate3d={false} />

Related: #1038

[cold6lanket]

Thanks for answer!