反应数据网格 x 轴滚动问题

Question

反应数据网格 x 轴滚动不适用于浏览器 (crome)，我当前的 (70.0.3538.77) 版本 (crome) 但适用于以前的版本 (69.***)。但工作正常与其他浏览器。我的 React 版本是 "react": "16.4.1", React-data-grid 版本是 "react-data-grid": "4.0.8","react-data-grid-addons": "4.0.8"

Answer 1

在我的例子中，我不得不实施一个伪造 resize 事件的解决方法。这使得 react-data-grid 到 re-render 并再次显示滚动条：

componentDidMount () {
    requestAnimationFrame(function () {
        const event = window.document.createEvent('UIEvents');

        event.initUIEvent( 'resize', true, false, window, 0);

        window.dispatchEvent(event);
    });
}

（另见：How to trigger the window resize event in JavaScript?）

反应数据网格 x 轴滚动问题

react-data-grid x-axis scroll issue

css

reactjs

react-data-grid