Hello everyone, I would like to share the Free Quasar admin template. You can access it using the following URL.

Github - https://github.com/pratik227/quasar-admin

demo - https://quasar-admin-demo.netlify.com/

Hello all, I have updated the Quasar admin demo. You can access it using the following URL.

New tabs added:

• CRM Dashboard
• Taskboard
• Paginations and Filters

Github - https://github.com/pratik227/quasar-admin

Demo link - https://quasar-admin-demo.netlify.com/

Hello Guys,

I made Sample Project with Quasar V1 and ECharts.

we use the npm packages:

• echarts
• vue-echarts-v3

Github: https://github.com/pratik227/quasar-echarts

Demo :

All the best for Ravzan, get well soon.

Use cell-name slot.

Doc - https://quasar.dev/vue-components/table#Example--Body-cell-[name]-slot

https://codepen.io/Pratik__007/pen/eYNvvva?editors=1010

Hi everyone

I just released QHierarchy extension (Treegrid component) to show hierarchical data.

Github - https://github.com/pratik227/quasar-qhierarchy

Demo - https://quasar-qhierarchy.netlify.com

Hi everyone

I just released QGrid extension.

Features -

• Draggable Rows

• Column FIlters

• Header Filters etc.

Github - https://github.com/pratik227/quasar-qgrid

Demo - https://quasar-qgrid.netlify.com

Hi everyone

I just released a new version of QGrid.

NEW Features added

• Global search filter

• Fullscreen mode

• Custom column filter with select options.

Github - https://github.com/pratik227/quasar-qgrid

Demo - https://quasar-qgrid.netlify.com

New version is released!! with default expand all feature.

Github - https://github.com/pratik227/quasar-qhierarchy

Demo - https://quasar-qhierarchy.netlify.com

All the best for Ravzan, get well soon.

Please refer the following sandbox - https://codesandbox.io/s/94yv5v6vrw?file=/index.js

Thank You @dobbel

Hello all, I have updated the Quasar admin demo. You can access it using the following URL.

New tabs added:

• CRM Dashboard
• Taskboard
• Paginations and Filters

Github - https://github.com/pratik227/quasar-admin

Demo link - https://quasar-admin-demo.netlify.com/

Please refer the following codepen I think it will help.

https://codepen.io/anon/pen/gNrdyL?editors=1010

https://stackoverflow.com/questions/56569707/how-do-i-identify-the-cell-selected-in-a-quasar-table

@Martin-F I will try

New version is released!! with default expand all feature.

Github - https://github.com/pratik227/quasar-qhierarchy

Demo - https://quasar-qhierarchy.netlify.com

Try this code.

import { Platform } from 'quasar'

let custom_page;
if(Platform.is.mobile){
  custom_page ="mobileView.vue"
}
else{
    custom_page ="mainLayout.vue"
}

In route DIct .

{ path: '/', name: "/", component: () => import('layouts/' + custom_page)},

Use cell-name slot.

Doc - https://quasar.dev/vue-components/table#Example--Body-cell-[name]-slot

https://codepen.io/Pratik__007/pen/eYNvvva?editors=1010

Please refer the following codepen @iober .

https://codepen.io/Pratik__007/pen/eYNvvva?editors=1010