How to add a q-toggle to the bottom of a q-table ?

[rab]

I would like to add a q-toggle to the footer of a q-table whilst retaining the default pagination component.

I can easily add a toggle to the top of a q-table using top-left slot, but really I would like it positioned at the bottom.

The toggle will control table v grid mode.

Does anyone know how to do this?

[rab]

Anyone know how to tackle this?

[jadedRepublic]

https://codepen.io/jadedRepublic/pen/xxGGNpg?editable=true&editors=101 not ideal but It works

[dmitry.polushkin]

By UX it’s better to place changing the view on the top, not on the bottom of the table.

[rab]

@jadedRepublic Thank you. Although it seems bottom-row slot not present in grid mode.

[metalsadman]

@rab you could wrap a qtable with a page sticky, atleast it will always show even when youre scrolling. Anyway if you really need it at bottom slot, you can rebuild the pagination slot out from the src, kindly check the quasar repo ticket, there was some recent solution posted about it.

[rab]

@dmitry-polushkin Thanks. In my use case the state is sticky and users are assumed to toggle infrequently so bottom seemed ok to me, but you may well still be right even for my case.

[rab]

@metalsadman Thank you for the suggestion. I appreciate it.