title: Filter DetailsList
body: <p>Can anyone please let me know how to filter a DetailsList? For instance, let’s say I have the following list:</p>
  
  <p><a href="https://i.stack.imgur.com/wiQ0M.jpg" rel="nofollow noreferrer">list</a></p>
  
  <p>How do I filter the list such that when I type “Reject”, it will only show items with Status “Reject”</p>
  
  <p>Here is the code I tried (from the documentation <a href="https://developer.microsoft.com/en-us/fabric#/components/detailslist" rel="nofollow noreferrer">https://developer.microsoft.com/en-us/fabric#/components/detailslist</a>):</p>
  
  <pre><code>private _onChangeText = (text: any) =&gt; {
      this.setState({ items: text ? this.state.items.filter(i =&gt; 
      i.Status.indexOf(text) &gt; -1) : this.state.items });
  }
  
  &lt;TextField
    label="Filter by name:"
    onChanged={this._onChangeText}
  /&gt;
  </code></pre>
  
  <p>Thanks!</p>