使用dataFormat

Question

我使用引导程序制作了一张桌子

我添加了通过在过滤器中键入文本进行搜索的功能。

我添加了一个数据格式环境以在表中显示该环境的名称，否则显示ID。

但是，使用数据格式时，过滤器在环境中不起作用。

如何使过滤器工作？

export class PrerequisList extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      id: []
    };
  }

  render() {
    console.log(this.props.store.prerequis);

    return (
      <div>
        <BootstrapTable
          selectRow={selectRow}
          data={this.props.store.prerequis}
          options={options}
          deleteRow
          insertRow
          pagination
          striped
          hover
          condensed
        >
          <TableHeaderColumn isKey={true} dataField="id" hidden={true}>
            ID
          </TableHeaderColumn>
          <TableHeaderColumn dataField="nom" filter={{ type: "TextFilter" }}>
            Nom
          </TableHeaderColumn>
          <TableHeaderColumn
            dataField="environnement"
            dataFormat={showEnvironnement}
            filter={{ type: "TextFilter" }}
          >
            Environnement
          </TableHeaderColumn>
        </BootstrapTable>
      </div>
    );
  }
}

function showEnvironnement(cell, row) {
  return cell.nom;
}