{"id":24260,"date":"2026-11-13T13:33:38","date_gmt":"2026-11-13T13:33:38","guid":{"rendered":"https:\/\/wptablebuilder.com\/docs\/hide-column-on-mobile\/"},"modified":"2026-11-13T13:33:38","modified_gmt":"2026-11-13T13:33:38","password":"","slug":"hide-column-on-mobile","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/es\/docs\/hide-column-on-mobile\/","title":{"rendered":"C\u00f3mo ocultar una columna de tabla en el m\u00f3vil en WP Table Builder"},"content":{"rendered":"<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-d5c0682e wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:0px;border-top-right-radius:6px;border-bottom-left-radius:0px;border-bottom-right-radius:6px;border-left-color:#2563eb;border-left-width:3px;background-color:#f4f7fb;margin-bottom:14px;padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#2563eb;margin-top:0;margin-bottom:10px;font-size:11px;font-style:normal;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">Respuesta r\u00e1pida<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:14px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.106), 15px);line-height:1.65\">En el constructor, haz clic en una celda de la columna que quieres ocultar en los tel\u00e9fonos, abre <strong>Row &#038; Column Control<\/strong> en el panel izquierdo y activa <strong>Hide this column on mobile<\/strong>. Haz clic en <strong>Save<\/strong>. La columna sigue visible en escritorio y tablet y se oculta en pantallas m\u00f3viles. Este ajuste est\u00e1 incluido en la versi\u00f3n gratuita de WP Table Builder.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Ocultar una columna en el m\u00f3vil quita informaci\u00f3n menos importante (por ejemplo, SKU, peso o una descripci\u00f3n larga) de las pantallas peque\u00f1as, para que las dem\u00e1s columnas tengan m\u00e1s espacio. Los visitantes en escritorio siguen viendo la tabla completa.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_2b894e1d-c9b2-47db-acd6-fff32adb39eb\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Requisitos<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Concepto<\/th><th>Detalles<\/th><\/tr><\/thead><tbody><tr><td><strong>Plan<\/strong><\/td><td>Gratis y Pro<\/td><\/tr><tr><td><strong>Versi\u00f3n del plugin<\/strong><\/td><td>WP Table Builder 2.0 o posterior<\/td><\/tr><tr><td><strong>Tiempo necesario<\/strong><\/td><td>Menos de 1 minuto por columna<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_f2e26ccd-c407-4495-a43d-3a8ba8bd4df7\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Paso 1: Selecciona una celda de la columna<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre la tabla en el constructor.<\/li>\n\n\n\n<li>Haz clic en el espacio vac\u00edo dentro de cualquier celda de la columna (no en el texto). El panel izquierdo muestra el nombre de la celda, por ejemplo <strong>Cell B3<\/strong>.<\/li>\n\n\n\n<li>Expand <strong>Row &#038; Column Control<\/strong>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_8a7e1c96-5f88-4e31-80e6-ddde8f89ed2b\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Paso 2: Oculta la columna en el m\u00f3vil<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Activa <strong>Hide this column on mobile<\/strong>.<\/li>\n\n\n\n<li>Repite con las dem\u00e1s columnas que quieras ocultar.<\/li>\n\n\n\n<li>Haz clic en <strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"722\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-highlight-column-hide-mobile.jpg\" alt=\"Row and Column Control de WP Table Builder con el interruptor Hide this column on mobile\" class=\"wp-image-24256\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-highlight-column-hide-mobile.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-highlight-column-hide-mobile-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-highlight-column-hide-mobile-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-highlight-column-hide-mobile-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-highlight-column-hide-mobile-18x9.jpg 18w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_60a65963-5e6f-4474-a260-48419241402b\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Paso 3: Comprueba el resultado<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Haz clic en <strong>Mobile<\/strong> en la barra superior del constructor, o abre la p\u00e1gina publicada en un tel\u00e9fono, para comprobar qu\u00e9 columnas se muestran. Para recuperar una columna, selecciona una de sus celdas y desactiva el interruptor.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_7a392ebf-722a-4263-89f7-406c9476d9aa\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Otras formas de ajustar una tabla a pantallas peque\u00f1as<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/horizontal-scroll-table\/\">Desplazamiento horizontal<\/a> mantiene todas las columnas y permite a los visitantes desplazarse hacia los lados.<\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/hacer-que-la-tabla-sea-responsive-en-wordpress\/\">El modo responsive<\/a> apila filas o columnas en vertical en tablets y tel\u00e9fonos.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_884c0944-3bc5-456d-a247-5e081458b37d\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Preguntas frecuentes<\/h2>\n\n\n<div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\" data-mobilecollapse=\"false\" data-desktopcollapse=\"true\" data-preventcollapse=\"false\" data-showonlyone=\"false\">\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-0-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\" style=\"color: #000000; \"><strong>\u00bfPuedo ocultar una columna solo en el m\u00f3vil en WP Table Builder?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down open\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"true\" class=\"wp-block-ub-content-toggle-accordion-content-wrap\" id=\"ub-content-toggle-panel-0-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\">\n\n<p class=\"wp-block-paragraph\">S\u00ed. Selecciona una celda de la columna, abre Row &amp; Column Control y activa Hide this column on mobile. La columna se oculta en pantallas m\u00f3viles y se ve en pantallas m\u00e1s grandes.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-1-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\" style=\"color: #000000; \"><strong>\u00bfEl contenido de la columna se elimina de la p\u00e1gina?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-1-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\">\n\n<p class=\"wp-block-paragraph\">No. La columna se oculta con estilos en pantallas peque\u00f1as. El contenido sigue en el HTML de la p\u00e1gina y se ve en el escritorio.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-2-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\" style=\"color: #000000; \"><strong>\u00bfPuedo ocultar una fila en el m\u00f3vil?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-2-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\">\n\n<p class=\"wp-block-paragraph\">WP Table Builder 2.3 solo tiene la opci\u00f3n de ocultar para columnas. Para cambiar fila a fila lo que aparece en los tel\u00e9fonos, usa el modo responsive.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-3-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\" style=\"color: #000000; \"><strong>\u00bfEs una funci\u00f3n Pro?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-3-a10d47e7-db42-4cbd-93a0-bf811a14f1e2\">\n\n<p class=\"wp-block-paragraph\">No. Hide this column on mobile est\u00e1 disponible en la versi\u00f3n gratuita.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_ae681060-922c-4e65-acce-79689d9a940d\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Documentos relacionados<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/hacer-que-la-tabla-sea-responsive-en-wordpress\/\">C\u00f3mo hacer una tabla responsive<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/horizontal-scroll-table\/\">C\u00f3mo hacer que una tabla se desplace horizontalmente en WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/cambiar-la-altura-de-la-fila-y-el-ancho-de-la-columna-en-el-constructor-de-tablas-de-wp\/\">C\u00f3mo cambiar la altura de las filas y el ancho de las columnas en WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/como-eliminar-una-columna-de-una-fila\/\">C\u00f3mo eliminar una fila o columna<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Hide less important columns on phones while keeping them visible on desktop.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[99],"doc_tag":[],"class_list":["post-24260","docs","type-docs","status-publish","hentry","doc_category-responsive-tables"],"year_month":"2026-11","word_count":375,"total_views":"1","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_roadtobl","author_url":"https:\/\/wptablebuilder.com\/es\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Responsive Tables","term_url":"https:\/\/wptablebuilder.com\/es\/docs-category\/responsive-tables\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/24260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/comments?post=24260"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/24260\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/media?parent=24260"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_category?post=24260"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_tag?post=24260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}