Add way to suppress rendering of the grid data if we are sure it is not changed.

[Xizario]

The problem:

• Filter row component is stateless and always in control mode. Typing on filters require changing filter prop of the Grid, and this causing re-render of the whole Grid leading to performance issue.

Possible solutions:

1. Expose the Filter Row as standalone component, that can be updated without update of the Grid. - This will probably need to be done for the Sorting, Column menu, and pretty much everything outside the data table as well.
2. Do in-depth comparison of the Data (not suitable, since it will not improve the performance to the desired level)
3. Add prop to the grid that suppress the rendering of the data table. So the client can suppress updating while fetching data, and or even use it for showing and update panel over the data table.
4. Expose the DataTable, so the client can have better control over it.
5. Make the filters statefull with uncontrolled mode. (can be combined with (3) )

Additional requirements:

• Make sure the solution is compatible with the upcoming stand-alone Filter component.
• Make sure solution is compatible with sorting, paging, grouping etc.

Currently what is available with the existing API:

• Define custom filter cells for each column that are stateful or have state outside the Grid. However it is time consuming, and we want this to be possible for the built-in filter cells easier.

//ticket/1443514

[simonssspirit]

requested again in

[lsheltonSTO]

Requested. We are hitting an API through APIM in Azure, and so every time the user enters a letter, it's trying to search and it's also only showing one letter at a time instead of just letting them type the whole word and then doing something intuitive like hitting "enter" and searching.