JQuery UI draggable for selecting/deselecting cells

el_vampirin

This is what I have so far:

http://live.datatables.net/sovuzecu/1/

So, I want to be able to select or deselect multiple cells by dragging the mouse. That part is working on the UI point, as the cells gets the CSS selected selecter on and off after the draggable event. The problem is that from the API point of view, the cells are not actually selected; after I click the "show selected" button, the selected array is empty. So my question is, what can I add on the selectable event to not only change the selected css on and off, but also to mark the cell as selected? Worst case scenario, if this is not possible, can I at least add a table.rows().every loop on the showselected() function to read if the css selected property is there and then mark the cell as selected there?

Please advise,

colin

Hi @el_vampirin ,

If you use a jQuery selector in cells() you'll be fine, see your example modified here.

Cheers,

Colin

el_vampirin

That works, thanks!