Table.js?b215:627 Uncaught Error: TR was expected to be rendered but is not

Tags: #<Tag:0x00007f8b1d3bf858>
#1

Hi,

When I load more the content into the table, and try to scroll down and up I get to see this strange issue,

table.js?b215:627 Uncaught Error: TR was expected to be rendered but is not
at MasterTable.getCell (table.js?b215:627)
at Walkontable.getCell (core.js?1533:113)
at TableView.getCellAtCoords (tableView.js?df81:161)
at Core.getCell (core.js?cf0b:2143)
at ColumnSettings.cells (Index.vue?b484:695)
at Core.getCellMeta (core.js?cf0b:2665)
at Core._getColWidthFromSettings (core.js?cf0b:3050)
at Core.getColWidth (core.js?cf0b:3091)
at ColumnUtils.getWidth (column.js?6ecd:48)
at MasterTable.getColumnWidth (table.js?b215:952)

the version that I use is,

“@handsontable/vue”: “^4.1.1”,
“handsontable”: “^7.2.2”

How to fix this? Thanks in advance!

#2

Hi @subashdbc

I guess that I would need a code sample to help. I do not see this happening in our official demo https://jsfiddle.net/83k72bzo/ from the Vue totorial https://handsontable.com/docs/7.2.2/frameworks-wrapper-for-vue-simple-example.html

#3

Hi @aleksandra_budnik ,
Thanks for the reply

I get this error when I try to update the style of the td by using cells function

https://jsfiddle.net/subashdbc/9q1gbzn6/8/ please open developer tool and try scroll up and down.

#4

We should operate on cell className instead of the background. Here’s the changed code https://jsfiddle.net/6km24tLj/ without errors.

#5

@aleksandra_budnik Thanks for the reply,

I have color settings where user can pick any color in settings, so it is not defined colors in order to have classes respectively, so in this case, I may not know what color is going to come for the cell in this case, how can we have className?

Is there any alternative to this? It would be great if you suggest any solution for this.
Thanks in advance!

#6

Here’s an SO topic on how to create classNames dynamically https://stackoverflow.com/questions/1720320/how-to-dynamically-create-css-class-in-javascript-and-apply I think it might be useful.

#7

@aleksandra_budnik Thanks for the reply,

There is also another way to fix this, that is cellProperties.renderer which works exactly what I wanted so more creating dynamic classes :slight_smile:
https://jsfiddle.net/subashdbc/t15qz784/28/

Thanks for your the help

#8

Great! I’m happy that it got solved so quickly.

#9