QTable Multiple Row Selection by dragging mouse to columns or rows

[metalsadman]

Just made a codepen version https://codepen.io/metalsadman/pen/wvKPWov of QTable multiple selection from my codesandbox og version .


I hope it helps someone, and maybe enhance it further.

[jitendra16]

@metalsadman Drag mouse from 1st to 5th then drag back from 5th to 1st, you will notice that 5th row remains selected but it should not be. Also selection is action like toggle but it should be selected for violet colour rows.

[metalsadman]

@jitendra16 said in QTable Multiple Row Selection by dragging mouse to columns or rows:

@metalsadman Drag mouse from 1st to 5th then drag back from 5th to 1st, you will notice that 5th row remains selected but it should not be. Also selection is action like toggle but it should be selected for violet colour rows.

updated*

[afys]

This post is deleted!

[afys]

hai. sorry for asking. how to take data from table to show in the Qcard ?for example, on the same page we create Qcard and output in the card also the data from that table. If the data on the table has 3 row, Qcard also has 3, followed by the table data . ?

[metalsadman]

@afys the rows selected is in your selected array, so that’s the data your qcard will use.

[afys]

oh okay i will try . thanks ! but, i have try masonry like grid type (https://quasar.dev/vue-components/table#Example--Masonry-like-grid) which is qcard in table, and set the color for qcard. But i want make the qcard with different colour . It is possible ?if can, how ya?

[metalsadman]

@afys Please open a different thread or ask help in the discord channel, it’s not related to the OP. thx.

[afys]

okayyy thanks ya .