{"id":281,"date":"2024-11-17T17:52:53","date_gmt":"2024-11-17T17:52:53","guid":{"rendered":"https:\/\/lookercourses.com\/?p=281"},"modified":"2025-10-09T19:27:04","modified_gmt":"2025-10-09T19:27:04","slug":"la-lista-desplegable-y-la-lista-fija-en-looker-studio","status":"publish","type":"post","link":"https:\/\/lookercourses.com\/es\/la-lista-desplegable-y-la-lista-fija-en-looker-studio\/","title":{"rendered":"La lista fija y la lista desplegable en Looker Studio"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">La lista desplegable y la lista fija son 2 tipos de controles muy parecidos de Looker Studio en los que el usuario final del informe puede elegir valores para filtrar los datos del informe.<\/h3>\n\n\n\n<p>Visita el post sobre <a href=\"\/elementos-interactivos-en-looker-studio--los-controles\">c\u00f3mo a\u00f1adir controles en tus informes de Looker Studio<\/a>, si necesitas aprender m\u00e1s.<\/p>\n\n\n\n<p>Para estos ejemplos he utilizado el dataset de &#8216;<a href=\"\/acceso-a-datasets-para-practicar-en-looker-studio\">Productos Superstore<\/a>&#8216;. Para saber m\u00e1s sobre <a href=\"\/como-anadir-fuentes-de-datos-en-looker-studio\">c\u00f3mo a\u00f1adir fuentes de datos a tus informes<\/a>, puedes hacerlo en el post dedicado al tema.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Lista desplegable<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfQu\u00e9 es?<\/h3>\n\n\n\n<p>\n  Es una lista, como el nombre bien indica, que permite a los usuarios elegir uno o varios valores para filtrar los gr\u00e1ficos de la p\u00e1gina que est\u00e9n viendo. Tiene una caja de b\u00fasqueda arriba del todo para que se pueda buscar el valor o valores en cuesti\u00f3n. Esto es especialmente \u00fatil cuando tenemos una lista de valores muy larga.\n<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-281-_p401bxjrgq2f\"><\/a>\u00bfCu\u00e1ndo usarlo?<\/h3>\n\n\n\n<p>\n  Cuando quieres dar al usuario final de tu informe la posibilidad de elegir una o varias categor\u00edas para filtrar los datos.\n<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ejemplo<\/h3>\n\n\n\n<p>\n  Para usar este control, primero vamos a crear una tabla con el nombre del producto junto con la cantidad vendida y los ingresos brutos.\n<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"520\" src=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-1.png\" alt=\"\" class=\"wp-image-282\" srcset=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-1.png 840w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-1-300x186.png 300w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-1-768x475.png 768w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">\n  &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;\n<\/p>\n\n\n\n<p class=\"has-text-align-center\">\n  Para crear la tabla, elige <em>Nombre de producto<\/em> como dimensi\u00f3n y <em>Cantidad<\/em> e <em>Ingresos brutos<\/em> como m\u00e9tricas. Dentro de <em>Estilo<\/em> he cambiado el color del texto de la cabecera a azul. Donde pone <em>Colores de la tabla<\/em>, el primero (<em>Color de fondo del encabezado<\/em>) lo he cambiado a transparente y el \u00faltimo (<em>Color de fila impar<\/em>) a gris claro.\n<\/p>\n\n\n\n<p class=\"has-text-align-center\">\n  &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;\n<\/p>\n\n\n\n<p>Imagina que quieres filtrar la tabla por las distintas subcategor\u00edas de producto. Para ello, una vez que hayas a\u00f1adido el control, debes seleccionar <em>Subcategor\u00eda<\/em> en el <em>Campo de control<\/em>. Como estamos analizando la cantidad y los ingresos brutos por producto, elige una de las 2 como m\u00e9trica. A m\u00ed me gusta a\u00f1adir una m\u00e9trica para dar contexto, pero puedes elegir que los valores se muestren (habilitando <em>Mostrar valores<\/em>) o no.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"478\" height=\"1186\" src=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-2.png\" alt=\"\" class=\"wp-image-283\" srcset=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-2.png 478w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-2-121x300.png 121w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-2-413x1024.png 413w\" sizes=\"auto, (max-width: 478px) 100vw, 478px\" \/><\/figure>\n\n\n\n<p>En las siguientes im\u00e1genes est\u00e1 el control de lista desplegable sin desplegar&#8230;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"88\" src=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-3.png\" alt=\"\" class=\"wp-image-284\" srcset=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-3.png 450w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-3-300x59.png 300w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/figure>\n\n\n\n<p>Y desplegado.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"413\" height=\"613\" src=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-4.png\" alt=\"\" class=\"wp-image-285\" srcset=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-4.png 413w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-4-202x300.png 202w\" sizes=\"auto, (max-width: 413px) 100vw, 413px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Lista de tama\u00f1o fijo<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfQu\u00e9 es?<\/h3>\n\n\n\n<p>\n  Funciona como la lista desplegable, pero en este caso el listado ya est\u00e1 desplegado. Tambi\u00e9n dispone de campo de b\u00fasqueda arriba del todo.\n<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfCu\u00e1ndo usarlo?<\/h3>\n\n\n\n<p>\n  Cuando quieras mostrar todas las opciones disponibles sin necesidad de que el usuario haga click para desplegar una lista. B\u00e1sicamente el usuario se ahorra un click. De todos modos, si se trata de una dimensi\u00f3n como muchos valores, el usuario tendr\u00e1 que hacer scroll (igual que en la lista desplegable).\n<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ejemplo<\/h3>\n\n\n\n<p>\n  La lista de tama\u00f1o fijo de la siguiente imagen tiene <em>Categor\u00eda<\/em> como campo de control. Ya que esta dimensi\u00f3n solo tiene 3 valores, se pueden ver todos en la pantalla sin necesidad de hacer scroll. Como m\u00e9trica puedes usar los ingresos brutos otra vez, ya que, como hemos visto anteriormente, tiene la funci\u00f3n de ordenar los valores.\n<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"413\" height=\"260\" src=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-5.png\" alt=\"\" class=\"wp-image-286\" srcset=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-5.png 413w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-5-300x189.png 300w\" sizes=\"auto, (max-width: 413px) 100vw, 413px\" \/><\/figure>\n\n\n\n<p>La lista fija de arriba tiene la siguiente configuraci\u00f3n:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"1050\" src=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-6.png\" alt=\"\" class=\"wp-image-287\" srcset=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-6.png 474w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-6-135x300.png 135w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-281-6-462x1024.png 462w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/figure>\n\n\n\n<p>\u00bfQu\u00e9 tipo de lista prefieres entre las 2 que hemos visto? Yo utilizo la desplegable con mayor frecuencia, pero la principal raz\u00f3n es porque deja m\u00e1s espacio en la p\u00e1gina para los gr\u00e1ficos.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La lista desplegable y la lista fija son 2 tipos de controles muy parecidos de Looker Studio en los que [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1337,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[17],"tags":[4],"class_list":["post-281","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-filtros-y-controles","tag-es"],"uagb_featured_image_src":{"full":["https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/La-lista-desplegable-y-la-lista-fija-en-Looker-Studio.jpg",700,400,false],"thumbnail":["https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/La-lista-desplegable-y-la-lista-fija-en-Looker-Studio-150x150.jpg",150,150,true],"medium":["https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/La-lista-desplegable-y-la-lista-fija-en-Looker-Studio-300x171.jpg",300,171,true],"medium_large":["https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/La-lista-desplegable-y-la-lista-fija-en-Looker-Studio.jpg",700,400,false],"large":["https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/La-lista-desplegable-y-la-lista-fija-en-Looker-Studio.jpg",700,400,false],"1536x1536":["https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/La-lista-desplegable-y-la-lista-fija-en-Looker-Studio.jpg",700,400,false],"2048x2048":["https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/La-lista-desplegable-y-la-lista-fija-en-Looker-Studio.jpg",700,400,false]},"uagb_author_info":{"display_name":"barbmk","author_link":"https:\/\/lookercourses.com\/es\/author\/barbmk\/"},"uagb_comment_info":0,"uagb_excerpt":"La lista desplegable y la lista fija son 2 tipos de controles muy parecidos de Looker Studio en los que [&hellip;]","_links":{"self":[{"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/posts\/281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/comments?post=281"}],"version-history":[{"count":2,"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/posts\/281\/revisions"}],"predecessor-version":[{"id":1992,"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/posts\/281\/revisions\/1992"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/media\/1337"}],"wp:attachment":[{"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/media?parent=281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/categories?post=281"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/tags?post=281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}