react-data-grid x轴滚动问题

时间:2018-11-03 10:48:34

标签: css reactjs react-data-grid

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

Expected Result

Getting No Scroll Option

1 个答案:

答案 0 :(得分:0)

就我而言,我必须实现一种伪造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?