I have a table with different rows and fields, in a row I have two fields with
display:none; and when doing a drag of this row, there is an effect like side padding in
<tbody> and in
<thead> , the table does not shrink, what shrinks are these elements.
In the JsFiddle that I leave next, in the first row the previously commented thing happens, however in the second row there is only one element with
display:none; does not happen.
If you have any questions, I have been doing this for quite some time.
At first I thought it could be solved by looking for the number of elements
<td> with the class
.hidden-td (class that has a
display:none; ) and look for the element with the class
.placeholder-style (it is the class that has the
<tr> that is generated when doing the drag) and add as many
<td> as there is in
<tr> that I'm moving, but not (possibly, is also wrong).