react-data-grid - react-data-grid 列标题中不需要的滚动条
问题描述
问题
在我的 react-data-grid 表的标题中,出现了一个不需要的滚动条。对于我见过的大多数示例,这不会发生。滚动条是不必要的和分散注意力的。
我发现人们想要删除垂直滚动条的问题,但不是只影响标题的问题。我绝对想保留第 2 行及以后的数据的垂直滚动条(一旦出现),但我不希望标题中有单独的小滚动条。
例子
请参阅此代码笔以复制该问题: https ://codesandbox.io/s/gracious-paper-7zo4u?file=/src/App.js:0-690
代码
import React from "react";
import ReactDataGrid from "react-data-grid"; // 6.1.0
const cols = [
{key: 'a', name: 'alpha', editable: false, sortable: false},
{key: 'b', name: 'beta', editable: false, sortable: false}
];
const data = [
{a: 1, b: 1},
{a: 2, b: 2},
{a: 3, b: 3}
];
class App extends React.Component {
onGridRowsUpdated = ({ fromRow, toRow, updated }) => {
console.log('CALLED >> onGridRowsUpdated');
};
render() {
return (
<ReactDataGrid
columns={cols}
rowGetter={i => data[i]}
rowsCount={data.length}
onGridRowsUpdated={this.onGridRowsUpdated}
enableCellSelect={true}
/>
);
}
}
export default App;
图片
解决方案
推荐阅读
- google-cloud-platform - Google Cloud 存储库中的磁盘空间限制格式(千兆字节、千字节等)是什么?
- python-3.x - 循环过早退出
- amazon-web-services - AWS 部署的 Streamer 在线游戏架构注意事项
- python - 有没有更快的方法可以更改数组中的多个元素?
- loops - v-loop 中的 v-model 出现在文本字段中,但没有任何变化
- python - 在一个程序中多次启动屏幕
- arduino - ESP32:Guru Meditation 错误:Core 1 恐慌(StoreProhibited)
- java - 插座不工作,除非我使用 type-c 电缆将手机连接到充电器或电脑
- json - 在 VBA 中解析 JSON
- spring - 如何启用输入字段(th:field)并同时设置值(th:value)