tutoriais mais recente desenvolvimento web
 

Mesa createTHead() Method

<Tabela objecto

Exemplo

Criar um <thead> elemento (and insert a <tr> and <td> element to it) :

// Find a <table> element with id="myTable":
var table = document.getElementById("myTable");

// Create an empty <thead> element and add it to the table:
var header = table.createTHead();

// Create an empty <tr> element and add it to the first position of <thead> :
var row = header.insertRow(0);    

// Insert a new cell (<td>) at the first position of the "new" <tr> element:
var cell = row.insertCell(0);

// Add some bold text in the new cell:
cell.innerHTML = "<b>This is a table header</b>";
Tente você mesmo "

Definição e Uso

O createTHead() método cria um vazio <thead> elemento e adiciona-lo para a mesa.

Note: Se um <thead> elemento já existe na tabela, o createTHead() método retorna o existente, e não cria um novo.

Nota: O <thead> elemento deve ter um ou mais <tr> tag dentro.

Tip: Para remover o <thead> elemento de uma tabela, use o deleteTHead() método.


Suporte navegador

Método
createTHead() sim sim sim sim sim

Sintaxe

tableObject .createTHead()

parâmetros

Nenhum

Detalhes técnicos

Valor de retorno: O recém-criado (or an existing) <thead> elemento

mais Exemplos

Exemplo

Criar e excluir um <thead> elemento:

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();
}
Tente você mesmo "

Páginas relacionadas

: Referência HTML HTML <thead> tag


<Tabela objecto