¿Es posible crear un TH con TableRow.insertCell()?

Question

estoy añadiendo nuevas filas a una tabla dinámica, con este código:

tbody = document.getElementById('tbody'); 
tr = tbody.insertRow(-1); 
tr.id = 'last'; 
th = tr.insertCell(0); 
td = tr.insertCell(1); 

Pero lo que en realidad nos dieron son dos td células. Quiero un th, como pueden ver.

Dice que la propiedad tagName no se puede cambiar.

¿Cómo puedo hacer esto?

¿Tendré que utilizar métodos 'normales' como createElement y appendChild?

Answer 1

No veo ningún documento oficial que le permita hacer esto.

W3C Documentation for TR/TR.insertCell

El createElement/appendChild funcionará sin embargo.

Answer 2

Lo que hago es definir el primero, como TableHeaderRow thr = new TableHeaderRow(); Agregue celda a ella, luego agréguela a la tabla.