Qual é o uso de um grupo de cabeçalho de tabela e um grupo de rodapé de tabela em CSS

O que é um grupo de cabeçalho de tabela?

Em CSS, o “ Grupo de Cabeçalho de Tabela ” é usado para exibir o cabeçalho da tabela através do “ ' marcação. O cabeçalho corresponde à primeira entrada em uma coluna vertical. Ele especifica informações sobre as entradas da tabela. O cabeçalho também pode abranger várias colunas, se necessário. Isso pode ser feito criando um Grupo Tabela-Coluna em CSS.

Exemplo
O cabeçalho de uma tabela tem formatação diferente do restante das entradas na tabela para diferenciá-lo visualmente. Eles geralmente são representados por tamanho de fonte em negrito ou texto em escala superior. Ao listar nomes de “Homens” e “Mulheres”, podemos atribuí-los como Cabeçalhos em uma linha separada conforme mostrado no exemplo abaixo:

As etapas a seguir explicam como criar um cabeçalho de tabela:

• Adicione o ' ” para criar uma tabela.
• Na próxima etapa, especifique o “ ” que se refere ao cabeçalho da tabela.
• Adicione os valores do cabeçalho como uma linha por meio da tag “” e feche o cabeçalho por meio da tag “”.
• Agora, inclua o “ ” para iniciar o corpo da tabela.
• Insira os dados para cada uma das linhas usando a tag “”.
• Conclua o corpo da tabela e a tabela através do “ ' e ' ” tags, respectivamente.

Saída

O que é um grupo Table-Footer?

O ' Grupo de Rodapé de Tabela ” é usado para exibir o rodapé de uma tabela em CSS com a ajuda do “ ' marcação. O rodapé também traz informações sobre o conteúdo da tabela que podem ajudar o leitor a entender os dados com mais clareza. Utilizando o mesmo exemplo da parte anterior, adicione o rodapé que fornece o número total de entradas em cada coluna para “Homens” e “Mulheres” na tabela.

Exemplo
Visão geral do exemplo a seguir explicando o conceito discutido:

As etapas a seguir explicam as etapas para criar um rodapé de tabela:

• Semelhante ao exemplo anterior, adicione o “ ” para criar/incluir uma tabela.
• Inclua o “ ” para especificar o cabeçalho da tabela.
• Agora, da mesma forma, adicione os títulos do cabeçalho como uma linha e feche o cabeçalho por meio do “ ' marcação.
• Lembre-se das abordagens discutidas para especificar o corpo da tabela e incluir dados nele.
• Agora, adicione o “ ” para iniciar o rodapé da tabela.
• Adicione os dados para o rodapé da tabela como uma linha e feche o rodapé usando o botão “ ' marcação.
• Por fim, conclua a tabela usando o “ ' marcação.

Saída
O código escrito acima gera o seguinte resultado:

Conclusão

O Cabeçalho e o Rodapé em uma Tabela em CSS ajudam a adicionar mais informações na parte superior e inferior de uma tabela, respectivamente. Essas informações ajudam a determinar do que se trata a tabela e fornecem mais detalhes contidos nos valores inseridos na tabela. Juntos, esses dois enquadram perfeitamente os dados encapsulados na tabela.