{"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-cambiar-el-color-de-fondo-de-la-cabecera-de-la-tabla","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/es\/docs\/how-to-change-the-table-header-background-color\/","title":{"rendered":"C\u00f3mo cambiar el color de fondo de la cabecera de la tabla"},"content":{"rendered":"<p>A <strong>encabezado de la tabla<\/strong> es la fila superior de una tabla que sirve de t\u00edtulo para cada columna, definiendo el tipo de informaci\u00f3n que se mostrar\u00e1. Estos t\u00edtulos pueden ayudar a organizar los datos de forma clara y eficaz.<\/p>\n\n\n\n<p>Vamos a ver c\u00f3mo cambiar el color de fondo de la cabecera de la tabla con el plugin Tableberg.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Paso 01: Activar la cabecera de la tabla<\/h2>\n\n\n\n<p>Seleccionar toda la tabla mediante <strong>haciendo clic en<\/strong> el <strong>Icono Tableberg<\/strong>. Por defecto, la cabecera est\u00e1 desactivada. Por lo tanto, <strong>desactivar<\/strong> el <strong>Desactivar cabecera<\/strong> opci\u00f3n.<\/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=\"Activar la cabecera de la tabla\" 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>Puedes ver que la cabecera est\u00e1 activada. Ahora, a\u00f1ade algunos t\u00edtulos a la cabecera.<\/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=\"La cabecera est\u00e1 activada\" 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\">Paso 02: Cambiar el color de fondo de la cabecera<\/h2>\n\n\n\n<p><strong>Ir a<\/strong> el <strong>Ficha Estilos<\/strong> en la barra lateral derecha. <strong>Haga clic en<\/strong> el <strong>Color de fondo de la cabecera<\/strong> opci\u00f3n.<\/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=\"Cambiar el color de fondo de la cabecera\" 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>Se abrir\u00e1 un cuadro de colores. Seleccione un color. Se aplicar\u00e1 instant\u00e1neamente a la cabecera.<\/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=\"Elija un color de fondo para la cabecera de la tabla\" 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>As\u00ed, es sencillo cambiar el color de fondo de la cabecera de la tabla.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n\n\n\n<p>Espero que le haya gustado esta gu\u00eda. Puede utilizar la cabecera de la tabla para otros casos de uso. Por ejemplo, puede definir las unidades de medida (precios, pesos, tama\u00f1o) e informaci\u00f3n categ\u00f3rica (datos, regi\u00f3n) en las celdas de cabecera.<\/p>\n\n\n\n<p>Antes de salir, puede explorar este post sobre <a href=\"https:\/\/tableberg.com\/es\/docs\/como-hacer-una-tabla-de-wordpress-ordenable\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00f3mo hacer que una tabla de WordPress sea ordenable<\/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\/es\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Styling &amp; Customization","term_url":"https:\/\/tableberg.com\/es\/docs-category\/styling-customization\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/3725","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=3725"}],"version-history":[{"count":3,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/3725\/revisions"}],"predecessor-version":[{"id":3734,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/3725\/revisions\/3734"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=3725"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/doc_category?post=3725"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/doc_tag?post=3725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}