React virtualized 我怎样才能得到一个列标题来包装在react虚拟化中?

React virtualized 我怎样才能得到一个列标题来包装在react虚拟化中?,react-virtualized,React Virtualized,我有一个react虚拟化表,其中有一些很长的列标题,我希望列标题能够被包装起来,而不是用省略号拖尾。有人知道如何做到这一点吗 以下是一些示例代码供参考: makeTable = <AutoSizer> {({ width, height }) => ( <Table ref={this.setTableRef.bind(this)} width={width} height={height}

我有一个react虚拟化表,其中有一些很长的列标题,我希望列标题能够被包装起来,而不是用省略号拖尾。有人知道如何做到这一点吗

以下是一些示例代码供参考:

makeTable = <AutoSizer>
    {({ width, height }) => (
        <Table ref={this.setTableRef.bind(this)}
            width={width}
            height={height}
            headerHeight={20}
            rowHeight={this._rowHeight.bind(this)}
            rowCount={this.props.reportRows.length}
            rowGetter={this._rowGetter.bind(this)}
            rowClassName={this._rowClassName.bind(this)}
        >
            <Column
                label='Super Long Column Header Name of Longness'
                dataKey='testCase'
                width={150}
                flexGrow={1}
                cellRenderer={this._testCaseCellRenderer.bind(this)}

            />
[截短了上面的代码]


正如您所看到的,我需要包装的是标签,但我应用的任何样式都不起作用,无论是在列中还是css中。帮助谢谢

我假设您包括react virtualized中指定的样式?对于上下文,应用样式的是

它看起来像是类名,所以您必须要么用您自己的同名样式覆盖此样式,要么定义您自己的样式,以某种方式将样式应用于具有更高CSS特性的此元素,要么定义您自己的样式


仅供参考-自然反应虚拟化在某种程度上有很多组件,其响应方面也是真实的。我建议您通过Chrome开发工具中的CSS在他们的应用程序中玩一玩,这样,如果删除包装的行为与预期的一样,但没有,您可以看到您可能需要更改的内容。

谢谢!!我没有正确地重写css,但这起到了作用,尽管注释中的格式很奇怪:.ReactVirtualized_uuuTable.ReactVirtualized_uuTable_uuuHeaderRuncatedText{display:inline block;最大宽度:100%;空白:正常;溢出:可见;}再加上@aug所说的:一般来说,react虚拟化只设置功能样式,如位置、宽度/高度等。Table是唯一具有表示样式的组件,这些样式存储在单独的CSS文件中,您可以加载或不加载,具体取决于您是否需要它们。如果您想自己处理表头,最好的选择可能是分叉默认样式表并修改它,直到您喜欢为止。