Usando el pluggins javascript [https://datatables.net/][1] en su ultima version; estoy teniendo un problema de re-renderizado. El escenario es que he implementado este inicializador (esta en el archivo *pluggin.js*): Destaco que tengo 2 columnas a la izquierda fijo; por ello se generan dos tablas para poder renderizar el layout correctamente esto es nativo del plugin. (nota: este inicializador no puedo cambiarlo, forma parte del core del proyecto) ```javascript $('.mytable').DataTable( { "dom": '<"html5buttons"B>rt<"bottom"><"clear">', "iDisplayLength": -1, "lengthMenu": [ [-1], ["All"] ], "autoWidth": false, "scrollX": true, "scrollY": "300px", "scrollCollapse": true, "ordering": false, "paging": false, fixedColumns: { leftColumns: 2 } }); ``` luego en otro archivo *operaciones.js* modifico el contenido de una celda especifica: ```javascript let $dstktxt = $('.dstktxt_0277'); //specific td let diasinv = 100; //value for test purpose if (diasinv > 0) { nexttxt = ' new <span class="text-danger">(Si hay Stock)'; } else { nexttxt = ' new <span class="text-danger">(No hay Stock)'; } $dstktxt.html(nexttxt); ``` como verán en esto puede provocar que el ancho de la tabla cambie si el contenido es mayor... automáticamente la cabecera de la tabla no se actualiza por eso según la documentación debo implementar: ```javascript $('.mytable').DataTable().draw(); $('.mytable').DataTable().columns.adjust(); ``` lo cual soluciona el problema ajustando el ancho nuevamente todas las columnas y la tabla correctamente pero tengo un efecto secundario: [![introducir la descripción de la imagen aquí][2]][2] como podrán observar en la imagen se distorsiona todo, he podido identificar algunos elementos y he llegado a la siguiente conclusión: mi percepción es que toma la tabla e intenta reinicializarlas ... cuando lo único que quiero es volver a renderizar las columnas. no he encontrado la solución a evitar esa distorsión. [1]: https://datatables.net/ [2]: https://i.sstatic.net/oIyQR.png