[colReorder] Width too wide on drag column

[colReorder] Width too wide on drag column

NamsNams Posts: 5Questions: 1Answers: 0

Hello,

ColReorder works fine.

The only thing is that when i drag a column, it shows a 100% width (?) column like in the screenshot.

How can i do to have a normal width like in the datatables example? (https://datatables.net/extensions/responsive/examples/column-control/colreorder.html)

Thank you in advance !

(local dev so no access for you)!

Answers

  • NamsNams Posts: 5Questions: 1Answers: 0
    edited September 2022

  • kthorngrenkthorngren Posts: 21,342Questions: 26Answers: 4,954

    I don't see a screenshot. Sounds like a styling issue. Please build a test case that shows the issue so we can help debug.
    https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

    Kevin

  • NamsNams Posts: 5Questions: 1Answers: 0

    Here is the screenshot again :

  • NamsNams Posts: 5Questions: 1Answers: 0

    It's definitively a style issue but i don't know how to call the class/id of the selected column

  • kthorngrenkthorngren Posts: 21,342Questions: 26Answers: 4,954

    The screenshot is not in your post. Maybe its too large to upload to the forum.

    Its difficult to debug styling issues by looking at a screenshot. Please provide a link to your page or build a test case that shows the problem so we can take a look.

    If you are using a styling framework like Bootstrap make suer you are using the proper style integration files by using the Download Builder. Maybe you can quickly narrow down the issue by removing non-Datatables style sheets to see if any are conflicting.

    Kevin

  • NamsNams Posts: 5Questions: 1Answers: 0

    Fixed with this :

    table.DTCR_clonedTable.dataTable{
    position:absolute !important;
    background-color:rgba(255, 255, 255, 0.7);
    z-index:202;
    width : auto !important;

    Thank you for your time anyway ! ;-)

  • UpkeeplyUpkeeply Posts: 7Questions: 3Answers: 0

    @Nams Thanks!

Sign In or Register to comment.