ColReorder v1.7 Not Working: Header and row data misaligned when drag and drop columns
ColReorder v1.7 Not Working: Header and row data misaligned when drag and drop columns
wongs34
Posts: 4Questions: 2Answers: 0
Hi, I'm facing an issue related to ColReorder v1.7. When i drag and drop columns, the row data and header misaligned. It works fine in v1.52 but not when I'm using the v1.7. The reason I want to use v1.7 because v1.52 also has another issue but that issue seems to be fixed in v1.7.
Could someone help to explain in what situations when I drag and drop columns, the row data and header misaligned but in v1.52 it's working perfectly fine? Really appreciated if this can be solved as I've struggled to solve this for a few days and yet to find a solution.
Answers
This Basic example doesn't exhibit that behavior.
My guess is you are using a styling framework but aren't using the ColReorder style integration files for that framework. Use the Download Builder to make sure you have the proper files.
Its hard to say what the problem might be without seeing the issue. If this doesn't help then please provide a link to your page or a test case replicating the issue so we can help debug.
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case
Kevin
Thank you Kevin.
I did use the ColReorder style integration. I did a couple trials and errors. I can narrow to it's not related to styling issue but v1.7 min.js. If I use v1.5.2 min.js it has no issue at all to drag columns around but problem occurred if I use any version after 1.5.2. The row data simply messed up and not match with the column headers.
Any thoughts will be greatly appreciated? I still try to create a test case.
Since the examples work properly its hard to say what the problem might be without seeing the issue. A test case will be very helpful to see what styling might be causing the issue.
Kevin