Ok, veamos esta parte del código:
$(tbody).find('tr').each((i, oldTbodyTr) => { newTr = document.createElement('tr'); $(oldTbodyTr).find('td').each((i, oldTd) => { let newTd = document.createElement('td'); newTd.innerHTML = oldTd.innerHTML; newTd.classList = oldTd.classList; newTd.style = oldTd.style; //Doesn't work newTr.appendChild(newTd); }); newTableTbody.appendChild(newTr); }); Crea un nuevo cuerpo de tabla recorriendo todas las filas en tbody de una tabla ya existente. Todo está bien, excepto que el estilo del antiguo td no se transfiere al nuevo elemento td . No puedo entender por qué.
Si desea copiar estilos en línea, puede probar newTd.style.cssText = oldTd.style.cssText ya que el style en sí es inmutable.
Ver más sobre
style.cssText.
const source = document.getElementById('source'); const target = document.getElementById('target'); target.style.cssText = source.style.cssText; <p id="source" style="color: red; background-color: blue; font-size: 20px;">Source</p> <p id="target">Target</p>