ReactTable-基于单个列中的多个值进行过滤

Question

使用 ReactTable ，我必须在单个列中显示多个数据，并使用多个列值对其进行过滤。例如

render(){
  const { data } = this.state;

  return (
    <div className="app-body">
      <ReactTable
        data={data}
        columns={[{
          columns: [{
            Header: 'Id',
            accessor: id,
            show: false
          }, {
            Header: 'User Info',
            accessor: 'user.address',
            Cell: row => {
              return (
                <div>
                  <span>{row.row.user.address}</span>
                  <span>{row.row.user.email}</span>
                  <span>{row.row.user.phone}</span>
                </div>
              )
            }
          }]
        }]}
        defaultPageSize={10}
        className="-highlight"
      />
    </div>

  )
}

在这里，我有3个字段的“用户信息”列。但是我只能使用访问器中提到的一列属性（即“ user.email”）来应用过滤器。有没有办法，我可以使用所有三列（地址，电子邮件，电话）值进行过滤和查找行。

注意：文本过滤器显示在列标题下方。