{"id":9697,"date":"2025-05-31T04:09:42","date_gmt":"2025-05-31T04:09:42","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=9697"},"modified":"2025-07-22T16:54:24","modified_gmt":"2025-07-22T16:54:24","password":"","slug":"como-ajustar-el-ancho-de-la-tabla-en-tableberg","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/es\/docs\/how-to-adjust-table-width-in-tableberg\/","title":{"rendered":"C\u00f3mo ajustar la anchura de la mesa en Tableberg"},"content":{"rendered":"<p>Tableberg te ofrece un control total sobre la anchura de la tabla, ya sea a lo ancho, a lo ancho o con un valor de p\u00edxeles personalizado. Esta gu\u00eda te muestra dos m\u00e9todos sencillos para ajustar la anchura de la tabla en Tableberg.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>M\u00e9todo 1: Utilizar los controles de la barra de herramientas<\/strong><\/h2>\n\n\n\n<p>Puedes poner r\u00e1pidamente la mesa en <strong>Ancho<\/strong> o <strong>Ancho total<\/strong> mediante la barra de herramientas de bloque.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Primer paso<\/h3>\n\n\n\n<p>En primer lugar, seleccione el bloque Tableberg en el editor. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"944\" height=\"674\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_09-22-58.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-9699\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 2<\/h3>\n\n\n\n<p>Ahora, haga clic en el icono de alineaci\u00f3n <strong>(1)<\/strong> en la barra de herramientas y seleccione la anchura deseada: <strong>Ancho <\/strong>o<strong> Ancho total<\/strong> <strong>(2)<\/strong>.  <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"918\" height=\"708\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_09-35-20.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-9700\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_09-35-20.png 918w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_09-35-20-300x231.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_09-35-20-768x592.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_09-35-20-16x12.png 16w\" sizes=\"auto, (max-width: 918px) 100vw, 918px\" \/><\/figure>\n\n\n\n<p>Aqu\u00ed tienes la demo: <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1314\" height=\"718\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_09-40-21.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-9701\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>M\u00e9todo 2: Utilizar el panel de opciones<\/strong><\/h2>\n\n\n\n<p>Si quieres controlar con precisi\u00f3n la anchura de la tabla (en p\u00edxeles), utiliza el panel de configuraci\u00f3n de Tableberg.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Primer paso<\/h3>\n\n\n\n<p>Para este m\u00e9todo, debe seleccionar el Bloque Tableberg, igual que en el primer paso del primer m\u00e9todo. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"944\" height=\"674\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_09-22-58.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-9699\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 2<\/h3>\n\n\n\n<p>Ahora vaya a la barra lateral derecha y despl\u00e1cese hasta Configuraci\u00f3n de la mesa. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"918\" height=\"710\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_09-49-25.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-9703\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_09-49-25.png 918w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_09-49-25-300x232.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_09-49-25-768x594.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_09-49-25-16x12.png 16w\" sizes=\"auto, (max-width: 918px) 100vw, 918px\" \/><\/figure>\n\n\n\n<p>En el <strong>Configuraci\u00f3n de la mesa<\/strong> navegue hasta <strong>Ancho de la mesa<\/strong> y <strong>ajuste el control deslizante<\/strong> para aumentar o disminuir el ancho de la tabla seg\u00fan sea necesario. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1368\" height=\"770\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/S.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-9705\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p>Tambi\u00e9n puede introducir manualmente la medida exacta en p\u00edxeles. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1406\" height=\"718\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_10-03-21.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-9708\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_10-03-21.png 1406w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_10-03-21-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_10-03-21-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_10-03-21-768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_10-03-21-18x9.png 18w\" sizes=\"auto, (max-width: 1406px) 100vw, 1406px\" \/><\/figure>\n\n\n\n<p>Tambi\u00e9n puede introducir las medidas en otras unidades de medida, como px, rem, vh, etc. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"527\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_10-03-49-1-1024x527.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-9709\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_10-03-49-1-1024x527.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_10-03-49-1-300x154.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_10-03-49-1-768x395.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_10-03-49-1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2025-05-31_10-03-49-1.png 1418w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n\n\n\n<p>As\u00ed es como se cambia el ancho de la tabla en Tableberg. <\/p>\n\n\n\n<p>Considere la posibilidad de utilizar el <strong>\"Ancho\" o \"Ancho total<\/strong> para dise\u00f1os adaptables. <\/p>\n\n\n\n<p>Y utilizar <strong>ancho de p\u00edxel personalizado<\/strong> cuando necesite coherencia entre p\u00e1ginas o secciones.<\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Tableberg gives you full control over your table&#8217;s width\u2014whether you want it full width, wide width, or a custom pixel value. This guide shows you two easy methods to adjust the table width in Tableberg. Method 1: Using the Toolbar Controls You can quickly set the table to Wide Width or Full Width using the [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[127],"doc_tag":[],"class_list":["post-9697","docs","type-docs","status-publish","hentry","doc_category-styling-customization"],"year_month":"2026-04","word_count":223,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Ankur Raj Bongshi","author_nicename":"rajankur003","author_url":"https:\/\/tableberg.com\/es\/author\/rajankur003\/"},"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\/9697","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\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=9697"}],"version-history":[{"count":3,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/9697\/revisions"}],"predecessor-version":[{"id":9711,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/9697\/revisions\/9711"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=9697"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/doc_category?post=9697"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/doc_tag?post=9697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}