Row reorder:
Row reorder:

I have a datatables list with data column anf Btn Action
I use Rowreorder in Datatables with a ajax calling to store the OrderIndex into a database
RowOrder Datatable working when I clicking around the data and Btn
Drag/Drop line work perfectly
As follow, js inside the datatable configuration:
...
rowReorder: true,
rowReorder: {
selector: 'tr',
update: false
},
...
My problem:
Each action buton have a icone inside. And click on Btn is working (around the icone) but click inside icone launch a drag and drop
HTML:
<td class=" actions-column">
</td>
It was a problem for the user...
1) Is there a specific datatables config?
2) Can I exclude the last column for the drag/drop selector ?
Thanks for your help )
This question has an accepted answers - jump to answer
Answers
Thanks for your help
1: )
I fixed this issue like that: the “Action column” is disable for the drag and drop reorder
rowReorder: {
selector: "td.cmsdraggable",
update: false
},
and for each column having the reorder:
columns: [
{
data: '@nameof(xxxxx.Id)',
className: 'cmsdraggable'
},
{
...