Helloo, according to the documentation for the columns property (https://docs.svar.dev/react/gantt/api/properties/columns?_highlight=column), each column can define a template function to render cell content.
However, I've noticed that these template functions are executed constantly when scrolling through the chart, even though the data itself hasn't changed. This seems unnecessary, and if the template function includes expensive computations (as in my case), it can cause significant performance issues.
Is there a way to avoid this behavior or how can I optimize it?
const columns = [
// Other columns...
{ id: "start",
header: "Inicio",
align: "center",
template: (start: Date | undefined) => {
console.log("fire every time I scroll chart (So, a lot of times for every row)")
return start ? expensiveFunction(start) : "No apply"}
},
]
Thank you for any help.