时间戳

首页 > 解决方案 > react-data-grid x轴滚动问题

css - react-data-grid x轴滚动问题

问题描述

反应数据网格 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”

预期结果

没有滚动选项

标签： cssreactjsreact-data-grid

解决方案

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

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

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

        window.dispatchEvent(event);
    });
}

（另请参阅：如何在 JavaScript 中触发窗口调整大小事件？）

推荐阅读