Question

我有这个代码

import React from 'react';
import { AutoSizer, List } from 'react-virtualized';

const ListItem= () => (
<AutoSizer disableHeight>
      {({ width }) => (
        <List
          height={700}
          overscanRowCount={10}
          width={width}
          rowHeight={100}
          rowCount={publicBids.length}
          rowRenderer={this.rowRenderer}
          style={{ overflow: 'hidden' }}
        />
      )}
    </AutoSizer>
    )

在react-virtualize docs中，List组件具有Grid组件，而内部具有此类ReactVirtualized__Grid and ReactVirtualized__Grid__innerScrollContainer

如何更改这些类的属性overflow？

Answer 1

您只需导入一个CSS文件即可声明您的类以覆盖样式，如下所示：

.ReactVirtualized__Grid__innerScrollContainer {
  overflow: visible !important;
}

或者如果您使用的是styled-components，如下所示：

export const Container = styled.div`
 .ReactVirtualized__Grid__innerScrollContainer {
   overflow: visible !important;
  }
`;

请记住，元素应位于要覆盖的容器中。

我该如何更改属性溢出？

1 个答案: