Handsontable-Vue why my column renderer call four time for every cell it any change in cell? how i will prevent that?

Tags: #<Tag:0x00007efc6d5c2dd8> #<Tag:0x00007efc6d5c23b0>

Hi Handson table Team,

I am using “@handsontable-pro/vue”: “^3.1.0” & “handsontable-pro”: “6.0.1”

I am using this renderer for change cell background at load time & after cell change time…
can u suggest any way.?

this.settings.columns.push({
data: key,
type: “date”,
dateFormat: “MM/DD/YYYY”,
allowInvalid: false,
colWidths: 110,
renderer: function(
instance,
td,
row,
col,
prop,
value,
cellProperties
) {
console.log(‘renderer function call for every dropdown cell’)
}
}

Hey @hardik.mehta2

This behavior is associated with this issue https://github.com/handsontable/handsontable/issues/5204

We are currently working on improving performance. We should get some better results in March-April.

Hi @hardik.mehta2

I have an update.
This issue is no longer replicable in 12.3.0. Here’s an updated demo http://jsfiddle.net/53cvyqLm/