react-data-grid x轴滚动问题答案

【问题标题】：react-data-grid x-axis scroll issuereact-data-grid x轴滚动问题
【发布时间】：2018-11-03 10:48:34
【问题描述】：

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

【问题讨论】：

你得到这个答案了吗？我也有同样的问题
现在升级你的版本我正在使用 "react-data-grid": "5.0.3", "react-data-grid-addons": "^5.0.3",

标签： css reactjs react-data-grid

【解决方案1】：

在我的情况下，我必须实施一种伪造resize 事件的解决方法。这使得react-data-grid 重新渲染并再次显示滚动条：

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?）

【讨论】：