PDF Export Breaking with large number of data and virtual scroll in React Gantt.

PDF Export does not seem to be working with large data and virtual scroll/ row virtualization implemented. Please help with this.


1 Reply

AG Ajithkumar Gopalakrishnan Syncfusion Team May 9, 2024 12:46 PM UTC

Hi Manisha,

Greetings from Syncfusion Support,

We have tried to replicate the issue based on the information, but we are unable to replicate the issue on our end. We have attached a video reference; please refer to it.

Video reference: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Media1-1989960298.zip


Sample link: https://stackblitz.com/edit/react-jkspwc-z8oskv?file=index.js,data.js

<GanttComponent id='SplitTasks' allowExcelExport={true} allowPdfExport={true} enableVirtualization={true} 

       toolbarClick={toolbarClick.bind(this)}

       toolbar={toolbar}>

         ...

         <Inject services={[Selection, VirtualScroll, Toolbar, ExcelExport, PdfExport]}/>

</GanttComponent>

  const toolbarClick = (args) =>

  {

     

     else if (args.item.id === "SplitTasks_pdfexport")

      {

          var exportProperties = {

            fitToWidthSettings: {

          isFitToWidth: true,

        }

      };

      ganttInstance.current.pdfExport(exportProperties);

  }

};


We request you to share more information to achieve your requirement. Kindly share the details below.

  • Complete code of Gantt chart.
  • Video demo to replicate the issue(with replication steps).
  • Type of data that you have used (whether Local or Remote Data)
  • Number of rows and columns that you have bound to Gantt when exporting to PDF?
  • If possible, replicate the issue in a shared sample and revert back to us.


Once we receive this information, we will be better equipped to identify the root cause of the issue and provide you with the necessary assistance.

Regards,
Ajithkumar G


Loader.
Up arrow icon