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

wongs34wongs34 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

  • kthorngrenkthorngren Posts: 19,444Questions: 26Answers: 4,607

    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

  • wongs34wongs34 Posts: 4Questions: 2Answers: 0

    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.

  • kthorngrenkthorngren Posts: 19,444Questions: 26Answers: 4,607

    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

Sign In or Register to comment.