title: How do I style react-table filter input field?
body: <p>I'm using <code>react-table</code> and have a filter method for each column which works. However, I cannot seem to figure out how I actually style the filter input field - it's white now and blends in with the background.</p>
  
  <p>Here's a codepen where the "Last Name" column is filterable, with an input field: <a href="https://codepen.io/anon/pen/QgOdOp?editors=0010" rel="noreferrer">https://codepen.io/anon/pen/QgOdOp?editors=0010</a></p>
  
  <p>I want to add some semantic styling to this input field, such as this:</p>
  
  <pre><code>                    &lt;div className="ui icon input"&gt;
                          // Input values would go here
                          &lt;i className="search icon" /&gt;
                      &lt;/div&gt;
  </code></pre>
  
  <p>But I do not seem to know how to bind the input value to the column itself.</p>
  
  <p>I've tried the following in the specific column, but it doesn't render anything:</p>
  
  <pre><code>{
      Header: 'Last Name',
      filterable: true,
      id: 'lastName',
      accessor: d =&gt; d.lastName
      Filter: Cellinfo =&gt; (
                  &lt;div className="ui icon input"&gt;
                       &lt;select onChange={event =&gt; onFiltersChange(event.target.value)} value={filter ? filter.value : ''}&gt;&lt;/select&gt; 
                      &lt;i className="search icon" /&gt;
                  &lt;/div&gt;
      )
    }
  </code></pre>