Custom column filters shift to wrong columns when scrolling

Tags: #<Tag:0x00007f0b0fd049d8>

I followed the guide here https://handsontable.com/docs/8.3.1/demo-filtering.html#custom-implementations to implement custom column filters, but the filters shift to the wrong columns when scrolling.

It can be replicated with a minimal setup, I added column index as placeholder in the filters to make it more obvious:

https://jsfiddle.net/chobitscxd/nyejkqtz/1/#&togetherjs=5fCzMMgzgj

Hi @dexterouschen

Please check this link https://github.com/handsontable/docs/issues/220

Our Tech Lead provided a note to that demo

The demo in our documentation is a very simple one. Custom code should be adjusted if you want more columns.

With multiple columns and virtual rendering circumstances change. Inputs here, are reused, events are binded to wrong columns. When I try to filter last column, conditions are attached to column with an index 6, no results are shown. Focus is lost or scroll occurs because rerender reuses the input in totaly different column.