{"id":2187,"date":"2025-03-16T08:12:18","date_gmt":"2025-03-16T08:12:18","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=2187"},"modified":"2026-11-13T14:09:39","modified_gmt":"2026-11-13T14:09:39","password":"","slug":"mesa-central-de-wordpress","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/es\/docs\/center-table-wordpress\/","title":{"rendered":"C\u00f3mo centrar una tabla y definir su ancho 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\">Abre la tabla en el constructor, ve a <strong>Settings<\/strong> (pesta\u00f1a) y, en <strong>General<\/strong>, elige <strong>Alignment<\/strong> (izquierda, centro o derecha). Para que una tabla no se estire a lo ancho de toda la p\u00e1gina, activa <strong>Table Container Max Width<\/strong> y escribe un ancho en px, por ejemplo 800. Usa <strong>Cell Min Auto Width<\/strong> para definir lo estrechas que pueden llegar a ser las columnas autom\u00e1ticas. Haz clic en <strong>Save<\/strong>. Estos ajustes son gratuitos.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Por defecto, una tabla ocupa todo el ancho del \u00e1rea donde est\u00e1. Definir un ancho m\u00e1ximo y centrarla hace que las tablas peque\u00f1as se vean equilibradas en p\u00e1ginas anchas.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_35fef508-b4ea-4710-8b5d-8683f952bfb1\"><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>Tiempo necesario<\/strong><\/td><td>Menos de 1 minuto<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_8f25cc74-ed2f-4e41-bbcc-df92b80db61b\"><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\">Ajustes de ancho y alineaci\u00f3n<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Ajuste<\/th><th>Qu\u00e9 hace<\/th><\/tr><\/thead><tbody><tr><td><strong>Alignment<\/strong><\/td><td>Coloca la tabla a la izquierda, en el centro o a la derecha de su contenedor. Solo se nota cuando la tabla es m\u00e1s estrecha que el contenedor.<\/td><\/tr><tr><td><strong>Table Container Max Width<\/strong><\/td><td>Act\u00edvalo para limitar el ancho de la tabla y luego define el ancho en px<\/td><\/tr><tr><td><strong>Cell Min Auto Width<\/strong><\/td><td>El ancho m\u00ednimo de una columna autom\u00e1tica (120 px por defecto)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_3c2f7cd2-603c-468c-be7e-082fbcc7c5a4\"><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\">Pasos<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre la tabla en el constructor y haz clic en <strong>Settings<\/strong> .<\/li>\n\n\n\n<li>En <strong>General<\/strong> (secci\u00f3n), activa <strong>Table Container Max Width<\/strong> y escribe un ancho.<\/li>\n\n\n\n<li>En <strong>Alignment<\/strong>, haz clic en el bot\u00f3n de centrar.<\/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-general-settings-width-sort-th.jpg\" alt=\"Ajustes General de WP Table Builder con Table Container Max Width en 700px y Cell Min Auto Width\" class=\"wp-image-24275\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th-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_eca43d37-00e6-435d-85bc-82a7182c4232\"><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 controlar el ancho<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Define anchos exactos para columnas concretas en <strong>Row &#038; Column Control<\/strong>. Consulta <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>Si la tabla es m\u00e1s ancha que las pantallas peque\u00f1as, activa el <a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/horizontal-scroll-table\/\">desplazamiento horizontal<\/a>.<\/li>\n\n\n\n<li>En el editor de bloques, el bot\u00f3n de alineaci\u00f3n del bloque WP Table Builder puede establecer ancho amplio o completo si tu tema lo admite. Consulta <a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/editor-de-bloques-de-la-herramienta-de-creacion-de-tablas-de-wp-de-gutenberg\/\">C\u00f3mo a\u00f1adir una tabla de WP Table Builder en el editor de bloques Gutenberg<\/a>.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_8bbda47c-d30b-4f5f-acb8-97d3b8eec277\"><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-b24968e9-ca5c-42a2-bc42-26ea3d9ba7bd\" 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-b24968e9-ca5c-42a2-bc42-26ea3d9ba7bd\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-b24968e9-ca5c-42a2-bc42-26ea3d9ba7bd\" style=\"color: #000000; \"><strong>\u00bfC\u00f3mo centro una tabla en WordPress?<\/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-b24968e9-ca5c-42a2-bc42-26ea3d9ba7bd\">\n\n<p class=\"wp-block-paragraph\">En WP Table Builder, abre la pesta\u00f1a Settings, activa Table Container Max Width con un ancho menor que tu \u00e1rea de contenido y pon Alignment en el centro.<\/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-b24968e9-ca5c-42a2-bc42-26ea3d9ba7bd\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-b24968e9-ca5c-42a2-bc42-26ea3d9ba7bd\" style=\"color: #000000; \"><strong>\u00bfPor qu\u00e9 Alignment no hace nada?<\/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-b24968e9-ca5c-42a2-bc42-26ea3d9ba7bd\">\n\n<p class=\"wp-block-paragraph\">La tabla es tan ancha como su contenedor, as\u00ed que no hay espacio para moverla. Activa Table Container Max Width y define un ancho menor.<\/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-b24968e9-ca5c-42a2-bc42-26ea3d9ba7bd\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-b24968e9-ca5c-42a2-bc42-26ea3d9ba7bd\" style=\"color: #000000; \"><strong>\u00bfPuedo hacer que la tabla ocupe todo el ancho?<\/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-b24968e9-ca5c-42a2-bc42-26ea3d9ba7bd\">\n\n<p class=\"wp-block-paragraph\">S\u00ed. Deja Table Container Max Width desactivado. As\u00ed la tabla ocupa todo su contenedor.<\/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_007054c6-d792-4aa8-b787-1d96bfe84c16\"><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\/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\/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\/espaciado\/\">C\u00f3mo a\u00f1adir espacio entre celdas en WP Table Builder (Pro)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/editor-de-bloques-de-la-herramienta-de-creacion-de-tablas-de-wp-de-gutenberg\/\">C\u00f3mo a\u00f1adir una tabla de WP Table Builder en el editor de bloques Gutenberg<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Center or align a table and control its maximum and minimum width.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[98],"doc_tag":[],"class_list":["post-2187","docs","type-docs","status-publish","hentry","doc_category-styling-design"],"year_month":"2026-11","word_count":386,"total_views":"26","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":"Styling &amp; Design","term_url":"https:\/\/wptablebuilder.com\/es\/docs-category\/styling-design\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/2187","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=2187"}],"version-history":[{"count":1,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/2187\/revisions"}],"predecessor-version":[{"id":24330,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/2187\/revisions\/24330"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/media?parent=2187"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_category?post=2187"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_tag?post=2187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}