reactjs - React-Virtualized Table 只显示一列

我正在使用 react-virtualized 的表并为该表定义了 4 列。出于某种原因，它只显示第一列。我无法显示其他列。不知道我做错了什么。下面是代码的一个片段:

const BTable = ({bdata}) => {
return(
    <AutoSizer disableHeight>
        {({ width }) => (
            <Table
                headerHeight={20}
                height={300}
                width={width}
                overscanRowCount={5}
                rowHeight={20}
                rowGetter={({index}) => (bdata[index])}
                rowCount={bdata.length}
                noRowsRenderer={() => (<div></div>)}>
                <Column
                    label='Id'
                    cellDataGetter={
                      ({ columnData, dataKey, rowData }) => (rowData[dataKey])
                    }
                    dataKey='id'
                    width={200}
                    />
                <Column
                    label='Account'
                    cellDataGetter={
                      ({ columnData, dataKey, rowData }) => (rowData[dataKey])
                    }
                    dataKey='account'
                    width={200}
                    />
                 ....
                 ....
         </Table>
     <AutoSizer>
)

最佳答案

我刚遇到这个问题，结果我忘了从 react-virtualized 导入 CSS 文件。 import 'react-virtualized/styles.css' 在 index.js (或任何你想导入它的地方)。

关于reactjs - React-Virtualized Table 只显示一列，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45154219/