grid filters affecting other grids

[chrwei]

I'm experiencing an issue when using multiple grid where a filter on one grid is affecting another grid, even if that other grid does not have "filterable" property set, and even if I navigate to another route.  problem is, these other grid have no indication that a filter is applied and no way to clear it. besides reloading the page.

I'm simply putting the "filterable" property on a grid, then in one column I have a LinkButton that opens a Dialog which has a simple grid with completely different data in it. that simple grid is also having the first grid's filter applied, which of course matches nothing.

am i doing something incorrectly with having multiple grids?

[jarry]

This is the simple way to get the filtered data and bind on the other grid.
1. Listen to the 'onFilterChange' event and then get the filtered data.
2. Bind this data on the other grid.

Code:

<DataGrid 
  ref={ref=>this.dg=ref}
  style={{ height: 250 }}
  filterable 
  data={this.state.data} 
  onFilterChange={this.handleFilterChange.bind(this)}
>

Code:

  handleFilterChange(filterRules){
    this.setState({filterRules})
    this.setState({otherData: this.dg.filteredData})
  }

[chrwei]

I think you misunderstand. 

the filter itself is applying to other grids.  I don't want it to.