Customizing table headers

It appears the combination of a customized header and the ‘TextFilter’ results in a failed prop type warning. There doesn’t seem to be any missing functionality, but just wanted to bring this to light.

bundle.js:9327 Warning: Failed prop type: Invalid prop `columnName` of type `object` supplied to `TextFilter`, expected `string`.
    in TextFilter (created by TableHeaderColumn)
    in TableHeaderColumn (created by Releases)
    in tr (created by TableHeader)
    in thead (created by TableHeader)

<TableHeaderColumn
    ref='theader_release_name'
    key='release_name'
    dataSort={true}
    dataField='release_name'
    width="250px"
    filter={{ type: 'TextFilter', placeholder: 'Release Name' }}
    dataFormat={this.reportLinkCellFormat}>
    <Tooltip label='reltooltip' placement="top" trigger={['hover']} overlay={releaseTooltip}>
        <div>Releases</div>
    </Tooltip>
</TableHeaderColumn>

[AllenFang]

@batjko thanks your remind 😃

Actually, it was fixed before, if you have custom header(TableHeaderColumn), now it will work as expected, but please remember to add headerText on TableHeaderColumn !!!

<TableHeaderColumn dataField='xxx' headerText='product'>{ ... }</TableHeaderColumn>

Let me know if there’s still any bug when you have customization header, thanks 👍

[vikramtrs]

@Rclass93 As said by @AllenFang don’t forget to add headerText on TableHeaderColumn.

<TableHeaderColumn dataField=‘selected_option’ dataSort dataAlign=“center” columnClassName={ this.columnClassNameFormat } filter={{ type: ‘TextFilter’, delay: 500, placeholder:“Procure”}} width=‘16%’ headerText=‘Acao’> Ação </TableHeaderColumn>