I have a tools in the top left and top right slots of the QTable.

My top left template can grow, I set the class used to “content-start” etc. so as the toolbar height grows, the tools remain fixed to the top of the top left element.

Unfortunately, the top right element does not grow to fill the space also, the right sided tools align in a different way, something like “content-center”.

Is there any way to instruct my top right template element to grow into the space, and align to “content-start” also?

I’d like to be able to show a right side-drawer within the q-table body, to show things like filters etc.

But I cannot reduce the size of the q-tr rows within the body.

Perhaps there is not a straightforward way to do this?

great, I will upgrade and check!

I really like the right filter drawer, v nice.

Do you have one ‘filter-method’ for each page, or separate somehow?

Hi Guys, is this worth posting as a bug on Github?

Yep.

I suppose I was fishing around for a discussion on various ways to get the components working together - must be a pretty common use-case.

My first try is to use Vuex as the middle-man between both components.

This means I can pretty much lift the filter related HTML & JS straight out of the original page and package it up as a component.

Perhaps there are better ways though.

Yep, sorry, I didn’t mention me following the IE guideline here…

Let me know whether I just post it as a bug on Github.

I suppose, that’s why I posted here - does anyone else think this is a worthy bug?

Hi,

I have a nice (if complicated) custom filter working well with the data-table.

And now I am thinking about putting the filter-related things in their own component.

Could someone sketch a nice way to have the data-table and my new filter component compose / work together?

I have the ‘filter string’ and ‘filter method’ API from the data-table to work with.

Is there any clean way to do this?

Thanks!

yeh I suppose, just seems like reinventing the wheel for pretty common (?) use-case…