Error on adding Filter

[Pratosh22]

On adding filter functionality , I'm getting this error

.On digging deep i found that the issue might be due to this value being undefined

Any help is appreciated. Thanks :)

[ghiscoding]

I cannot help without a full reproduction (Stackblitz, GitHub repo or others...), all the Examples are working fine and they all have Cypress E2E tests running on every PR/Releases. So it has to be your code and again I cannot help just by looking at a print screen. The this._cellContainerElm is the div container of that filter, it should be filled, if you scroll up you can inspect the init(args) where args is where the filter div container is provided

[Pratosh22]

Thanks for the quick reply, I will make these changes!

[ghiscoding]

I don't see anything special in the code for it to throw, but I'm not a React developer. This project was created by another user and transferred back to me because I maintain all other repos, I'm not very string with React. Why don't you clone the slickgrid-react-demos and edit any of the example with your own code and see if that works? Because I mean all the examples are working fine and aren't throwing any errors, your sandbox also doesn't include any data and it doesn't run and I cannot reproduce the error from there. Also by the way, the text filter is the default filter, so if you mark your column as filterable: true and use enableFiltering: true then the default filter will be text input.

In summary, like I said, I cannot help without a full repro. You did provide this sandbox but it doesn't start and has no data, so it's hard for me to do anything with it and it doesn't reproduce the error... For you to clone the demo repo and replace the data with your code seems like a better approach, you can remove the TypeScript stuff afterward but at least the demo repo is working and is updated every time I push a new release

[Pratosh22]

Ah,Thanks for the help! I will clone the demo and populate it with my data as you said. So far the library has been wonderful. Thank you :)

[Pratosh22]

Update: Fixed it! The issue was because i was assigning id of column as question.id which is something like 1000041, this made the function getHeaderRowColumn return undefined as this line return headerRowTarget.children[idx] returns something like children[100041] which does not exist in headerRowTarget. Using index as id fixed the issue

TL:DR: Changed column id to index to fix the issue.

[ghiscoding]

good to know you fixed it, you can also star ⭐ the project if you like it 😉