Vue.js Gantt and Quasar


#1

We are evaluating some libraries for a Gantt chart in our Vue project and I am not having any luck getting a demo running. The project we are developing is using Quasar, I just built a separate test application using the demo and I am getting nothing. So my revised question is there any issues using quasar that is known

“dependencies”: {
    “@dhtmlx/trial-vue-gantt”: “^1.0.2”,
    “@quasar/extras”: “^1.0.0”,
    “core-js”: “^3.6.5”,
    “quasar”: “^2.0.0-beta.1”,
    “vue-router”: “^4.0.6”
  },

  “devDependencies”: {
    “@babel/eslint-parser”: “^7.13.14”,
    “@quasar/app”: “^3.0.0-beta.1”,
    “eslint”: “^7.14.0”,
    “eslint-config-prettier”: “^8.1.0”,
    “eslint-plugin-vue”: “^7.0.0”,
    “eslint-webpack-plugin”: “^2.4.0”


#2

Component uses Vue 3.x, so you need to use Quasar 2.x
Something like next

as you can see, styling of Gantt need to be adjusted a bit, as global styles of Quasar affects all elements on the page, including the Gantt component.