{"id":3725,"date":"2024-09-22T23:30:00","date_gmt":"2024-09-22T23:30:00","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=3725"},"modified":"2024-11-11T12:02:01","modified_gmt":"2024-11-11T12:02:01","password":"","slug":"como-alterar-a-cor-de-fundo-do-cabecalho-da-tabela","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/pt\/docs\/how-to-change-the-table-header-background-color\/","title":{"rendered":"Como alterar a cor de fundo do cabe\u00e7alho da tabela"},"content":{"rendered":"<p>A <strong>cabe\u00e7alho da tabela<\/strong> \u00e9 a linha mais alta de uma tabela que funciona como t\u00edtulo de cada coluna, definindo o tipo de informa\u00e7\u00e3o a ser exibida. Esses t\u00edtulos podem ajudar a organizar os dados de forma clara e eficaz.<\/p>\n\n\n\n<p>Vamos explorar como alterar a cor de fundo do cabe\u00e7alho da tabela com o plug-in Tableberg.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Etapa 01: Ativar o cabe\u00e7alho da tabela<\/h2>\n\n\n\n<p>Selecione a tabela inteira por <strong>clicando<\/strong> o <strong>\u00cdcone Tableberg<\/strong>. Por padr\u00e3o, o cabe\u00e7alho est\u00e1 desativado. Portanto, <strong>desativar<\/strong> o <strong>Desativar cabe\u00e7alho<\/strong> op\u00e7\u00e3o.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Enable-the-table-header.png\" alt=\"Ativar o cabe\u00e7alho da tabela\" class=\"wp-image-3726\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Enable-the-table-header.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Enable-the-table-header-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Enable-the-table-header-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Enable-the-table-header-768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Enable-the-table-header-18x9.png 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Voc\u00ea pode ver que o cabe\u00e7alho est\u00e1 ativado. Agora, adicione alguns t\u00edtulos ao cabe\u00e7alho.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/SCR-20240922-tfix.png\" alt=\"O cabe\u00e7alho est\u00e1 ativado\" class=\"wp-image-3727\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/SCR-20240922-tfix.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/SCR-20240922-tfix-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/SCR-20240922-tfix-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/SCR-20240922-tfix-768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/SCR-20240922-tfix-18x9.png 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Etapa 02: Alterar a cor de fundo do cabe\u00e7alho<\/h2>\n\n\n\n<p><strong>Ir para<\/strong> o <strong>Guia Estilos<\/strong> na barra lateral direita. <strong>Clique em<\/strong> o <strong>Cor de fundo do cabe\u00e7alho<\/strong> op\u00e7\u00e3o.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Change-the-header-background-color.png\" alt=\"Alterar a cor de fundo do cabe\u00e7alho\" class=\"wp-image-3728\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Change-the-header-background-color.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Change-the-header-background-color-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Change-the-header-background-color-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Change-the-header-background-color-768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Change-the-header-background-color-18x9.png 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Uma caixa de cores ser\u00e1 aberta. Selecione uma cor. Ela ser\u00e1 aplicada instantaneamente ao cabe\u00e7alho.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-background-color-for-the-table-header.png\" alt=\"Escolha uma cor de fundo para o cabe\u00e7alho da tabela\" class=\"wp-image-3729\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-background-color-for-the-table-header.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-background-color-for-the-table-header-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-background-color-for-the-table-header-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-background-color-for-the-table-header-768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-background-color-for-the-table-header-18x9.png 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Portanto, \u00e9 simples alterar a cor de fundo do cabe\u00e7alho da tabela.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p>Espero que voc\u00ea tenha gostado deste guia. Voc\u00ea pode usar o cabe\u00e7alho da tabela para v\u00e1rios outros casos de uso. Por exemplo, voc\u00ea pode definir as unidades de medida (pre\u00e7os, pesos, tamanho) e informa\u00e7\u00f5es categ\u00f3ricas (dados, regi\u00e3o) nas c\u00e9lulas do cabe\u00e7alho.<\/p>\n\n\n\n<p>Antes de sair, voc\u00ea pode explorar esta postagem sobre <a href=\"https:\/\/tableberg.com\/pt\/documentos\/como-tornar-uma-tabela-do-wordpress-classificavel\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como tornar uma tabela do WordPress classific\u00e1vel<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>A table header is the toppest row of a table that servers as the title for each column, defining the type of information to be displayed. These titles can help organize data clearly and effectively. Let&#8217;s explore how to change the table header background color with the Tableberg plugin. Step 01: Enable the Table Header [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[127],"doc_tag":[],"class_list":["post-3725","docs","type-docs","status-publish","hentry","doc_category-styling-customization"],"year_month":"2026-04","word_count":190,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_irayhan","author_url":"https:\/\/tableberg.com\/pt\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Styling &amp; Customization","term_url":"https:\/\/tableberg.com\/pt\/docs-category\/styling-customization\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/3725","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=3725"}],"version-history":[{"count":3,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/3725\/revisions"}],"predecessor-version":[{"id":3734,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/3725\/revisions\/3734"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=3725"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/doc_category?post=3725"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/doc_tag?post=3725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}