{"id":8288,"date":"2025-04-06T23:52:21","date_gmt":"2025-04-06T23:52:21","guid":{"rendered":"https:\/\/tableberg.com\/?p=8288"},"modified":"2025-04-26T16:32:05","modified_gmt":"2025-04-26T16:32:05","slug":"como-crear-una-tabla-ordenable-en-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/es\/how-to-create-a-sortable-table-in-wordpress\/","title":{"rendered":"C\u00f3mo crear una tabla ordenable en WordPress"},"content":{"rendered":"<p>\u00bfPor qu\u00e9 necesitamos una tabla? Porque a veces no basta con enumerar las cosas en texto plano. \u00bfC\u00f3mo se crea una tabla? Puedes hacerlo utilizando el bloque Tabla incorporado, un plugin con funciones avanzadas o a\u00f1adiendo HTML personalizado, dependiendo del editor o constructor de p\u00e1ginas con el que est\u00e9s trabajando. Las tablas son la forma m\u00e1s sencilla de mantener la informaci\u00f3n estructurada y organizada.&nbsp;<\/p>\n\n\n\n<p>Pero a medida que tu mesa crece, tambi\u00e9n lo hacen los retos. A m\u00e1s filas, m\u00e1s desplazamiento. M\u00e1s columnas dificultan la localizaci\u00f3n de los detalles importantes. Lo que empez\u00f3 como un dise\u00f1o limpio puede convertirse r\u00e1pidamente en algo abrumador para los usuarios que intentan encontrar un dato concreto.<\/p>\n\n\n\n<p>Aqu\u00ed es donde las tablas ordenables resultan especialmente \u00fatiles. En lugar de obligar a los usuarios a leerlo todo, puedes permitirles ordenar los datos por lo que les interesa, como el precio, la fecha, el nombre o la valoraci\u00f3n, con un solo clic.<\/p>\n\n\n\n<p>En este art\u00edculo te explicaremos c\u00f3mo crear una tabla ordenable con Tableberg y c\u00f3mo controlar la direcci\u00f3n de la ordenaci\u00f3n en funci\u00f3n del dise\u00f1o.<\/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>Crear una tabla clasificable en WordPress<\/strong><\/h2>\n\n\n\n<p>En los siguientes pasos, le mostraremos c\u00f3mo crear una tabla utilizando <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener\">Tableberg<\/a>. Tambi\u00e9n aprender\u00e1s c\u00f3mo hacer que la tabla se pueda ordenar con s\u00f3lo unos pocos ajustes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Paso 1: Instalar y activar Tableberg<\/strong><\/h3>\n\n\n\n<p>Vaya a su panel de control de WordPress, abra la secci\u00f3n <strong>Plugins<\/strong> y haga clic en <strong>A\u00f1adir nuevo<\/strong>. Buscar en <strong>Tableberg<\/strong>entonces<strong> instale<\/strong> y <strong>activar<\/strong> el plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"415\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1024x415.png\" alt=\"Instalar y activar Tableberg\" class=\"has-border-color wp-image-8289\" style=\"border-color:#a5d2f7;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1024x415.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-300x122.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-768x312.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new.png 1400w\" 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<h3 class=\"wp-block-heading\"><strong>Paso 2: Inserte una tabla en su entrada<\/strong><\/h3>\n\n\n\n<p>Abre el post o p\u00e1gina exacta donde quieres tener la tabla. Ahora, utilice el bot\u00f3n <strong>insertador de bloques<\/strong> para localizar el <strong>Bloque Tableberg<\/strong>a\u00f1\u00e1delo a tu contenido y elige el n\u00famero de filas y columnas que necesitas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"438\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1-1024x438.png\" alt=\"Inserte una tabla en su entrada\" class=\"has-border-color wp-image-8301\" style=\"border-color:#a5d2f7;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1-1024x438.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1-300x128.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1-768x328.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1-1536x657.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1.png 1679w\" 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<h3 class=\"wp-block-heading\"><strong>Paso 3: Introduzca el contenido de su tabla<\/strong><\/h3>\n\n\n\n<p>Haz clic en cada celda y coloca tus datos dentro de ella. Tableberg te permite utilizar texto, im\u00e1genes, puntuaciones con estrellas, botones, cintas, iconos, listas y otros elementos de bloque dentro de cualquier celda. Prepara tu tabla como quieras.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"412\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1-1024x412.png\" alt=\"Introduzca el contenido de su tabla\" class=\"has-border-color wp-image-8302\" style=\"border-color:#a5d2f7;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1-1024x412.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1-300x121.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1-768x309.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1-1536x618.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1.png 1702w\" 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<h3 class=\"wp-block-heading\"><strong>Paso 4: Activar la funci\u00f3n de clasificaci\u00f3n<\/strong><\/h3>\n\n\n\n<p>Haga clic en el borde exterior de cualquier celda de la tabla y haga clic en el icono tableberg de la barra de herramientas para asegurarse de que toda la tabla est\u00e1 seleccionada. En la parte derecha <strong>ajustes de bloque<\/strong>despl\u00e1cese hacia abajo hasta que encuentre la opci\u00f3n <strong>Clasificaci\u00f3n<\/strong> caracter\u00edstica. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"361\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4.gif\" alt=\"Activar la funci\u00f3n de clasificaci\u00f3n\" class=\"has-border-color wp-image-8303\" style=\"border-color:#a5d2f7;border-width:1px;border-radius:2px\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Paso 5: Elegir la direcci\u00f3n de clasificaci\u00f3n<\/strong><\/h3>\n\n\n\n<p>Una vez encontrada la funci\u00f3n de clasificaci\u00f3n, ver\u00e1 dos opciones disponibles: <strong>Vertical y horizontal<\/strong>. La ordenaci\u00f3n vertical permite a los usuarios reordenar las filas haciendo clic en las cabeceras de las columnas. La ordenaci\u00f3n horizontal ordena las filas y funciona mejor cuando las etiquetas est\u00e1n en la primera columna. Elija el modo que mejor se adapte al dise\u00f1o de su tabla.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1-1024x487.png\" alt=\"Seleccione la direcci\u00f3n de clasificaci\u00f3n\" class=\"has-border-color wp-image-8304\" style=\"border-color:#a5d2f7;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1-1024x487.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1-300x143.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1-768x365.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1-1536x730.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1.png 1718w\" 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<h3 class=\"wp-block-heading\"><strong>Paso 6: Previsualizar y probar la clasificaci\u00f3n<\/strong><\/h3>\n\n\n\n<p>Primero, <strong>guardar<\/strong> su trabajo, haga clic en <strong>Vista previa<\/strong>y, a continuaci\u00f3n, prueba tu ordenaci\u00f3n interactuando con la tabla. Prueba diferentes columnas o filas en funci\u00f3n del modo que hayas seleccionado para asegurarte de que todo funciona como esperabas. Una vez que est\u00e9 satisfecho con todo, <strong>actualizaci\u00f3n<\/strong> o <strong>publicar<\/strong> el puesto.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"393\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2-1024x393.png\" alt=\"\" class=\"has-border-color wp-image-8308\" style=\"border-color:#a5d2f7;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2-1024x393.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2-300x115.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2-768x294.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2-1536x589.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2.png 1701w\" 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<h4 class=\"wp-block-heading\"><strong>Conclusi\u00f3n<\/strong><\/h4>\n\n\n\n<p>Las tablas son una de las formas m\u00e1s eficaces de presentar informaci\u00f3n organizada en un sitio web, pero pueden volverse r\u00e1pidamente dif\u00edciles de navegar a medida que crece el contenido. Las tablas ordenables facilitan esta tarea al permitir a los usuarios reorganizar los datos en funci\u00f3n de lo que les interese. Con Tableberg, puede a\u00f1adir esta funci\u00f3n sin utilizar herramientas externas ni c\u00f3digo, e incluso controlar c\u00f3mo funciona la ordenaci\u00f3n en funci\u00f3n del dise\u00f1o de la tabla.  Y en este art\u00edculo, hemos mostrado exactamente c\u00f3mo crear una clasificable utilizando Tableberg de principio a fin.<\/p>","protected":false},"excerpt":{"rendered":"<p>Why do we need a table? Because sometimes, listing things out in plain text is not enough. How do we create a table? You can do that by using the built-in Table block, a plugin with advanced features, or by adding custom HTML, depending on the editor or page builder you are working with. Tables [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":8290,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7,130],"tags":[],"class_list":["post-8288","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","category-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Sortable-Table-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/es\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/8288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=8288"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/8288\/revisions"}],"predecessor-version":[{"id":8309,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/8288\/revisions\/8309"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/8290"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=8288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=8288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=8288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}