title: React Data Grid Filters Enabled (and open) by default
body: <p>Is there a way to enable filters to be open (displayed) by default within React Data Grid? Preferably one that allows me to avoid passing in the <code>toolbar={&lt;Toolbar enableFilter /&gt;}</code> prop to <code>&lt;ReactDataGrid /&gt;</code></p>
  
  <p>Reading through the <a href="http://adazzle.github.io/react-data-grid/documentation.html#/componentsDocs" rel="nofollow noreferrer">Adazzle component docs</a> it doesn't seem that there's an apparent prop to pass in on the main <code>&lt;ReactDataGrid /&gt;</code> component that displays filters without invoking <code>onToggleFilter()</code> via the <code>&lt;Toolbar /&gt;</code> component. </p>
  
  <p>The final grid component I'm building will render with filter inputs immediately visible and editable by the user, with no need to 'click-to-clear' or otherwise invoke the documented <code>onClearFilters()</code> function. This also makes the <code>&lt;Toolbar /&gt;</code> component (and nested <code>&lt;Filter Rows /&gt;</code> button unnecessary. </p>
  
  <p>My current component is...</p>
  
  <pre><code>&lt;ReactDataGrid
     onGridSort={this.handleGridSort}
     columns={this.state.columns}
     rowGetter={this.rowGetter}
     rowsCount={this.getSize()}
     toolbar={&lt;Toolbar enableFilter /&gt;}
     onAddFilter={this.handleFilterChange}
     onClearFilters={this.onClearFilters}
  /&gt;
  </code></pre>
  
  <p><em>Ideally</em> the final component would look something like this...</p>
  
  <pre><code>&lt;ReactDataGrid
    onGridSort={this.handleGridSort}
    columns={this.state.columns}
    rowGetter={this.rowGetter}
    rowsCount={this.getSize()}}
    onAddFilter={this.handleFilterChange}
    filtersVisible={true}  // Renders with filters visible/active
  /&gt;
  </code></pre>