[Vuejs]-I'm trying to integrate DHTMLX gantt with a Quasar project , and i'm getting a blank page

by

0👍

You need to add the sizes (width and height) for the Gantt container and its parent elements when the sizes are relative:

#gantt_here{
  position: relative;
  width: 100%;
  height: 90%;
}

html,
body, 
#q-app,
#q-app > div,
.q-page-container {
  /* Full height */
  height: 100%;
}

https://docs.dhtmlx.com/gantt/faq.html#theganttchartisntrenderedcorrectly

Here is a Quasar demo with Vue 2 and Gantt 7.1.13:
https://files.dhtmlx.com/30d/a6d4aa45521cbe2de6f7f87901eeb693/quasar-project.zip

Leave a comment