Skip to content

react-select as cellRenderer in fixed-data-table #545

@LeafInStrom

Description

@LeafInStrom

I am trying use react-select in fixed-data-table , and I've met some issues.
Any tip helps, thx.

     _renderTags(cellData, dataKey, rowData, rowIndex) {
        var ops = [];
        for (let i = 0; i < cellData.length; i++) {
            ops.push({
                label: cellData[i].name + '-' + cellData[i].score,
                value: cellData[i].uid + '-' + cellData[i].score,
            })
        }

        return (
            <div>
                <Select
                    multi={true}
                    value={ops}
                    placeholder="uid-score"
                    options={this.props.tagOps}
                    />
            </div>
        );
    }
.....
   <Column dataKey='tags' align={'center'} isResizable={true} width={this.state.columnWidths['tags']}
    label='tags' cellRenderer={this._renderTags}/>

When I am typing ,browser become extremely slow . In browser console I'v got this error.
But same code out of cell works fine.
1

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions