New issue of renderedToSource

TypeError: Cannot read properties of null (reading ‘renderedToSource’)

Hi @saran123

I can see one Github issue open with the same error being shown at Error in getCoords method in "walkontable" this.rowFilter is not defined · Issue #11466 · handsontable/handsontable · GitHub.

Are you referring to the same issue?

  • If yes, I will update this thread once the original issue is solved
  • If not, please share the details of the replication and you r OS/browser setup

I found the root cause of this issue, when I use the fixedRowBottom at the time filter and sorting not working and also I click the handsontable at any place it throw an error like below

TypeError: Cannot read properties of null (reading ‘renderedToSource’)

Thank you for additional details.

I tested this demo https://jsfiddle.net/m3jyuv24/3/ using Chrome 137 on macOS Ventura. The fixedRowsBottom are set to 1, sorting and filtering is enabled. I tried filtering out a given date and sort the table. However, I wasn’t able to get that error or any other odd behavior.

Could you please tell me are you able to replicable the issue using my demo?

I use handsontable version 14.3.0 in angular and also I use dynamic charts id like

 <div [id]="chartId"></div>
const hotElement:any = document.getElementById(this.chartId)

And below I use main keys inside the hotSettings

const hotSettings: Handsontable.GridSettings = {
        multiColumnSorting:{
           indicator:true
        },
        fixedRowsBottom:1,
         filters:true,
         search:true,
         dropdownMenu:['filter_by_condition','filter_operators','filter_by_condition2','filter_by_value','filter_action_bar']
} 

like that. I don’t know what is the issue here.

Notes: I use readonly true for all the row, because my handsontable unable to edit the cell

Right Now facing an issue while click over the handsontable anywhere:

TypeError: Cannot read properties of null (reading ‘renderedToSource’)

But I need

Need to achieve filter and sorting in handsontable with fixedRowsBottom
and also need to avoid footer cell for filter and sorting

Hi @saran123

I also put your settings to an Angular application handsontable - StackBlitz.

I tried filtering first or sorting first and I was not able to replicate the issue.

Please tell me if you are able to replicate the issue using my demo.

Hi. We need to close this thread as it was stale for more than 7 days.

If you still need help please contact us at suport@handsontable.com or create a new thread.