When scrolling with rowspan and leftsplit, there is a mismatch.
How can I fix it?
leftSplit and rowspan
Could you please, check it once again or provide a snippet, where the porblem could be reconstructed, as it seems to work well for me locally here:
https://snippet.dhtmlx.com/kcm7o1km
const grid = new dhx.Grid(“grid”, {
columns: [
{ width: 200, id: “country”, header: [{ text: “Country”, rowspan: 2 }] },
{ width: 150, id: “population”, header: [{ text: “Population”, rowspan: 2 }] },
{ width: 150, id: “density”, header: [{ text: “Density (P/Km²)”, rowspan: 2 }] },
{ width: 150, id: “area”, header: [{ text: “Land Area (Km²)”, rowspan: 2 }] },
{ width: 150, id: “migrants”, header: [{ text: “Migrants (net)”, rowspan: 2 }] },
{ width: 150, id: “fert”, header: [{ text: “Fert. Rate”, rowspan: 2 }] },
{ width: 150, id: “age”, header: [{ text: “Med. Age”, rowspan: 2 }] },
{ width: 150, id: “urban”, header: [{ text: “Urban Pop”, rowspan: 2 }] }
],
headerRowHeight: 42,
leftSplit:2,
data: dataset
});
in your case you use the rowspan, while you have no second header row at all. Please, try to ad at least one column for the second header row:
https://snippet.dhtmlx.com/w79m371x