O cabeçalho classificável e o corpo do JQueryUI encolheram enquanto arrastavam a linha com dois campos ocultos
Eu tenho uma tabela com diferentes linhas e campos. Em uma linha, tenho dois campos comdisplay:none; e quando eu arrasto essas linhas, há um efeito como preenchimento lateral no<tbody> e a<thead>, a tabela não está encolhida, elementos da tabela sim.
No próximo JsFiddle, na primeira linha, não funciona corretamente, mas na segunda linha, que possui apenas um campo comdisplay:none; funciona.
Se tiver alguma dúvida, pergunte.
Exemplo de erros
Tabela enquanto arrasta:
No começo, pensei que poderia ser resolvido procurando o número de<td> elementos com a classe.hidden-td (classe que tem umdisplay: none;) e procure o elemento com a classe.placeholder-style (é a classe que tem o<tr> que é gerado ao arrastar) e adicione muitos<td> como existem no<tr> que estou me mudando, mas não, não está funcionando.
Eu sei quanto campos têm clase.hidden-td com esta linha
var numcells = $('.hidden-td').length;
Problema
Eu tenho 9 elementos na primeira linha e na outra eu tenho 8. Na minha funçãostart() Como ocultei apenas uma coluna no meu espaço reservado, ao arrastar a primeira linha, resta uma coluna sem aplicar a classe.hidden-td e é por isso que há um espaço no final das colunas.
Como posso consertar isso?