CSS Parameter for dragged row

Ghost108

Hi all !

I have a design issue while dragging a row:

As you can see: the dragged row will be larger as the screen width.
The issu will be come from my own css file. If I exclude my css file, the dragged row will be as large as table width = perfect !

The Question is: which css parameter are important for the dragged row?

allan

The table width is the most obvious suspect, but it looks like it is getting set to 200% or more, which is odd. If you can give me a link to your page I can take a look at it and see what might be causing that.

Allan

Ghost108

Unfortunately not, because this page is only reachable via VPN

colin

If you could create a test case that duplicates the issue, we can look at that. A test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Cheers,

Colin

Ghost108

I found the solution ! I found a css class, which made this issue.
Thanks for your time !

Ghost108

But a litte question:

How can I modify the style of the drag row?
For example the blue border color while dragging should be red.

Any idea?

colin

You can do that easily with CSS - see here,

.dt-rowReorder-float {
  border-color: red !important;
  border-style: solid;
}

Colin

Ghost108

thank you. ! I found my solution with:

.dt-rowReorder-float{
  outline: 2px solid red;
}