vue-selectable
vue-selectable copied to clipboard
How To Have Rows in a Table be Seperate Selections?
I have downloaded and have a simple example working. However, it does not do what I am needing it to. I have a table with any number of rows. I ONLY want to let the user select from a single row at a time. But they can do this for each row, just separately.
Also, my table is going to be say, 40 columns wide. Each column represents 15 minutes of an hour. Reach row represents a different room. If the room is empty, all 40 columns will be "available" for selection with your v-selectable for that row of data. If there is a block of time in use, then the time to the left of that can be selected and the time to the right can be selected. But not the block of time.
Seems like it would be nice if the array I have in my for
loop to render (regardless of your code) would just get the selected
or selecting
property added and then set appropriately. Then I can deal with it once selection
is completed.