Hi guys, I have this scenario where in I need to separate q-menu implementation into another component which goes something like this.

In my other component:

<template>
<q-btn mouseenter=“showQmenu”>
<submenu> </submenu>
</q-btn>
</template>

Inside submenu component:

<template>
<q-menu anchor=“top right”
self=“top left”>
<q-list>
<q-item>
…
</q-item>
</q-list>
</q-menu>
</template>

How to show q-menu inside of submenu component triggered by mouseenter event of q-btn?

Thanks.

Is there a way to hide y scrollbar of a vertical splitter? In this scenario, the content of each splitter area is a q-table,
please see attached sample screenshot, the outside scrollbar should be hidden. thanks!

@metalsadman thanks for the tips, it’s working fine now.

@metalsadman thanks awesome, can we have multiple style attributes?

Hi @jairomonassa , could you share sample implementation for this problem? thanks

Hi @jrhopkins83 , have you been able to solve this problem?

Hi @pavarine , could you please show sample implementation in setting style and in the q-td tag body and header, thanks

It is stated in the quasar documentation that total customization of rows and cells is through scoped slots, would like to know what needs to be done aside from setting the columns array with style property, and also when customizing the body, is it need to also modify the header? thanks.

Sample from the documentation:

columns: [
{
name: ‘name’,
required: true,
label: ‘Dessert (100g serving)’,
align: ‘left’,
sortable: true,
style: ‘width: 100px’,
classes: ‘myClass’
},