In dhtmlx gantt chart exportToPDF if i pass the raw: true property custom styles are reflecting but the gantt chart is downloading only the visible portion which we get in the browser. If i didnt pass the raw : true whole gantt chart is downloading

gantt.exportToPDF({
//@ts-ignore
name: ${chartType === "phase" ? chartDetails?.phase_name : chartDetails?.name}_${option}ly_${ moment().get("date") < 10 ? 0${moment().get(“date”)} : moment().get("date") }-${ moment().get("month") < 10 ?0${moment().get(“month”) + 1} : moment().get("month") + 1 }-${moment().get("year")},${ moment().get("hour") < 10 ?0${moment().get(“hour”)} : moment().get("hour") }-${ moment().get("minute") < 10 ?0${moment().get(“minute”)} : moment().get("minute") }-${ moment().get("second") < 10 ?0${moment().get(“second”)} : moment().get("second") }.pdf,
header: “” + header + “”,
// raw: true,
callback: function (res: any) {
// alert(res.url);
window.open(res.url, “_self”);

  },
});

Can you please help to fix this issue.

Hello Uday,
Most likely, that issue occurs because of the layout configuration (the cols: [rows:[]] structure). The dev team will fix it in the future, but I cannot give you any ETA.
For now, you need to use various workarounds to make it works as expected.

Workarounds:
Add the style rule to extend the timeline only on the export module:
http://snippet.dhtmlx.com/5/7b1605226
http://snippet.dhtmlx.com/5/0821bda46

Use the autosize option to stretch the grid, then restore the previous width:
http://snippet.dhtmlx.com/5/343f8e2a6
https://snippet.dhtmlx.com/5/810d70012