Método Table createTHead()

Objeto Table do HTML DOM

Definição e Uso

createTHead() O método cria um Elemento <thead> e adicioná-lo à tabela.

Observação:Se já existir um elemento <thead> na tabela, então: createTHead() O método retorna o elemento existente, sem criar um novo.

Observação:O elemento <thead> interno deve conter uma ou mais tags <tr>.

Dica:Para excluir o elemento <thead> da tabela, use: Método deleteTHead():.

Veja também:

Manual de Referência HTML:Tag <thead> do HTML

Exemplo

Exemplo 1

Criar elemento <thead> (e inserir elementos <tr> e <td>):

// Encontrar o elemento <table> com id="myTable":
var table = document.getElementById("myTable");
// Criar um elemento <thead> vazio e adicioná-lo à tabela:
var header = table.createTHead();
// Criar um elemento <tr> vazio e adicioná-lo à primeira posição do <thead>:
var row = header.insertRow(0);     
// Inserir uma nova célula (<td>) na primeira posição do elemento <tr> "novo":
var cell = row.insertCell(0);
// Adicionar texto em negrito em uma nova célula:
cell.innerHTML = "<b>This is a table header</b>";

Experimente você mesmo

Exemplo 2

Criar e excluir elementos <thead>：

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var header = table.createTHead();
  var row = header.insertRow(0);
  var cell = row.insertCell(0);
  cell.innerHTML = "<b>This is a table header</b>";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteTHead();
}

Experimente você mesmo

Sintaxe

tableObject.createTHead()

Parâmetros

Nenhum.

Detalhes técnicos

Retorno: Novamente criado (ou existente)Elemento <thead>.

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Objeto Table do HTML DOM