JQueryUI clasificaba el cuerpo y el cuerpo encogidos mientras arrastraba la fila con dos campos ocultos
Tengo una tabla con diferentes filas y campos. En una fila tengo dos campos condisplay:none; y cuando hago el arrastre de estas filas, hay un efecto como el relleno lateral en el<tbody> y el<thead>, la tabla no se contrae, elementos de la tabla sí.
En la siguiente JsFiddle en la primera fila no funciona correctamente, pero en la segunda fila que solo tiene un campo condisplay:none; funciona.
Si tiene alguna pregunta, pregunte.
Ejemplo de errores
Tabla mientras arrastra:
Al principio pensé que podría resolverse buscando la cantidad de<td> elementos con la clase.hidden-td (clase que tiene undisplay: none;) y busque el elemento con la clase.placeholder-style (es la clase que tiene el<tr> que se genera al hacer el arrastre) y agrega muchos<td> como hay en el<tr> que me muevo, pero no, no funciona.
Se cuantos campos tienen clase.hidden-td con esta linea
var numcells = $('.hidden-td').length;
Problema
Tengo 9 elementos en la primera fila y en la otra tengo 8. En mi funciónstart() Solo oculté una columna en mi marcador de posición, así que cuando hago el arrastre de la primera fila queda una columna sin aplicar la clase.hidden-td y es por eso que hay un espacio al final de las columnas.
¿Cómo puedo arreglar esto?