Row reorder:

Row reorder:

YVO53YVO53 Posts: 8Questions: 2Answers: 1

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 :-1: )

This question has an accepted answers - jump to answer

Answers

  • YVO53YVO53 Posts: 8Questions: 2Answers: 1

    Thanks for your help :smile: 1: )

  • YVO53YVO53 Posts: 8Questions: 2Answers: 1
    Answer ✓

    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'
    },
    {
    ...

This discussion has been closed.