{"id":24252,"date":"2026-11-13T13:29:36","date_gmt":"2026-11-13T13:29:36","guid":{"rendered":"https:\/\/wptablebuilder.com\/docs\/table-search\/"},"modified":"2026-11-13T13:29:36","modified_gmt":"2026-11-13T13:29:36","password":"","slug":"busqueda-en-la-tabla","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/es\/docs\/table-search\/","title":{"rendered":"C\u00f3mo a\u00f1adir un cuadro de b\u00fasqueda a una tabla 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> , abre la secci\u00f3n <strong>B\u00fasqueda<\/strong> y activa <strong>Enable search<\/strong>. Mant\u00e9n <strong>Keep top row as header<\/strong> activado para que el encabezado siga visible mientras los visitantes buscan, elige <strong>Left<\/strong> o <strong>Right<\/strong> para <strong>Search Bar Position<\/strong>y haz clic en <strong>Save<\/strong>. Aparece un cuadro de b\u00fasqueda encima de la tabla que filtra las filas mientras los visitantes escriben. La b\u00fasqueda en tablas es una funci\u00f3n de WP Table Builder Pro.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">La b\u00fasqueda en tablas a\u00f1ade un cuadro de b\u00fasqueda en vivo encima de una tabla de WP Table Builder. Mientras el visitante escribe, la tabla oculta todas las filas que no contienen el texto buscado. Ayuda a los lectores a encontrar un producto, plan o registro en una tabla larga.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_819a190c-9093-42b9-8ec3-5114cd6f7c4b\"><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><a href=\"https:\/\/wptablebuilder.com\/es\/precios\/\">WP Table Builder Pro<\/a><\/td><\/tr><tr><td><strong>Versi\u00f3n del plugin<\/strong><\/td><td>WP Table Builder y WP Table Builder Pro 2.3.0 o posterior<\/td><\/tr><tr><td><strong>Tiempo necesario<\/strong><\/td><td>Aproximadamente 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_107dca26-bed4-410d-be81-787f660b91e2\"><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\">Search settings<\/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>Enable search<\/strong><\/td><td>Muestra un cuadro de b\u00fasqueda encima de la tabla<\/td><\/tr><tr><td><strong>Keep top row as header<\/strong><\/td><td>Mantiene visible la primera fila durante la b\u00fasqueda, para que los nombres de las columnas sigan en pantalla<\/td><\/tr><tr><td><strong>Search Bar Position<\/strong><\/td><td>Coloca el cuadro de b\u00fasqueda a la <strong>Left<\/strong> o <strong>Right<\/strong> encima de la tabla<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_152a1f77-c8fb-4f9f-b847-7bea2643d1f8\"><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: Activa la b\u00fasqueda en la tabla<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ve a <strong>WP Table Builder &gt; All Tables<\/strong> y haz clic en <strong>Edit<\/strong> debajo de tu tabla.<\/li>\n\n\n\n<li>Haz clic en <strong>Settings<\/strong> (pesta\u00f1a) en el panel izquierdo.<\/li>\n\n\n\n<li>Escribe <code>b\u00fasqueda<\/code> en <strong>Search settings<\/strong>, o despl\u00e1zate hasta la secci\u00f3n <strong>B\u00fasqueda<\/strong> .<\/li>\n\n\n\n<li>Activa <strong>Enable search<\/strong>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_407c520d-0225-4db0-8764-79a674fbb18d\"><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: Configura el encabezado y la posici\u00f3n<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Deja <strong>Keep top row as header<\/strong> activado si tu primera fila contiene los nombres de las columnas. Desact\u00edvalo si tu primera fila es una fila de datos normal.<\/li>\n\n\n\n<li>Elige <strong>Left<\/strong> o <strong>Right<\/strong> en <strong>Search Bar Position<\/strong>.<\/li>\n\n\n\n<li>Haz clic en <strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">El cuadro de b\u00fasqueda tambi\u00e9n aparece en el constructor, as\u00ed que puedes ver d\u00f3nde se sit\u00faa.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_6aae9696-97da-4799-858c-c1aa360c8e3b\"><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\">C\u00f3mo funciona la b\u00fasqueda para los visitantes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Los visitantes escriben en el cuadro <strong>Search&#8230;<\/strong> encima de la tabla. Las filas que no contienen el texto se ocultan al instante, sin recargar la p\u00e1gina. La b\u00fasqueda no distingue may\u00fasculas de min\u00fasculas, as\u00ed que <code>dell<\/code> tambi\u00e9n encuentra <strong>Dell XPS 15<\/strong>.<\/p>\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-table-search-frontend.jpg\" alt=\"Una tabla de WP Table Builder filtrada por el t\u00e9rmino dell, que muestra solo la fila coincidente bajo el encabezado\" class=\"wp-image-24250\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-table-search-frontend.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-table-search-frontend-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-table-search-frontend-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-table-search-frontend-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-table-search-frontend-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_56af61de-5cf4-48cd-8f30-d78d85d86925\"><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\">Usar la b\u00fasqueda con paginaci\u00f3n y ordenaci\u00f3n<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La b\u00fasqueda funciona junto con la <a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/table-pagination\/\">Paginaci\u00f3n<\/a> y <a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/tabla-organizable\/\">ordenaci\u00f3n<\/a>. Cuando la paginaci\u00f3n est\u00e1 activada, el n\u00famero de p\u00e1ginas se actualiza seg\u00fan los resultados de la b\u00fasqueda.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_60c44cb1-5ab1-461b-84cf-2e348fb94e28\"><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-3942e7cd-28bd-4628-99a4-9a798564382a\" 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-3942e7cd-28bd-4628-99a4-9a798564382a\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-3942e7cd-28bd-4628-99a4-9a798564382a\" style=\"color: #000000; \"><strong>\u00bfLos visitantes pueden buscar en una tabla de 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-3942e7cd-28bd-4628-99a4-9a798564382a\">\n\n<p class=\"wp-block-paragraph\">S\u00ed. Con WP Table Builder Pro, activa Enable search en la pesta\u00f1a Settings de la tabla. Aparece un cuadro de b\u00fasqueda encima de la tabla que filtra las filas mientras los visitantes escriben.<\/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-3942e7cd-28bd-4628-99a4-9a798564382a\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-3942e7cd-28bd-4628-99a4-9a798564382a\" style=\"color: #000000; \"><strong>\u00bfLa b\u00fasqueda distingue entre may\u00fasculas y min\u00fasculas?<\/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-3942e7cd-28bd-4628-99a4-9a798564382a\">\n\n<p class=\"wp-block-paragraph\">No. La b\u00fasqueda encuentra el texto escrito en may\u00fasculas o min\u00fasculas.<\/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-3942e7cd-28bd-4628-99a4-9a798564382a\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-3942e7cd-28bd-4628-99a4-9a798564382a\" style=\"color: #000000; \"><strong>\u00bfLa b\u00fasqueda revisa todas las columnas?<\/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-3942e7cd-28bd-4628-99a4-9a798564382a\">\n\n<p class=\"wp-block-paragraph\">S\u00ed. Una fila sigue visible si cualquiera de sus celdas contiene el texto buscado.<\/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-3942e7cd-28bd-4628-99a4-9a798564382a\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-3942e7cd-28bd-4628-99a4-9a798564382a\" style=\"color: #000000; \"><strong>\u00bfLa b\u00fasqueda en tablas est\u00e1 disponible en la versi\u00f3n gratuita?<\/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-3942e7cd-28bd-4628-99a4-9a798564382a\">\n\n<p class=\"wp-block-paragraph\">No. La b\u00fasqueda en tablas es una funci\u00f3n de WP Table Builder Pro.<\/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-4-3942e7cd-28bd-4628-99a4-9a798564382a\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-3942e7cd-28bd-4628-99a4-9a798564382a\" style=\"color: #000000; \"><strong>\u00bfPuedo mover el cuadro de b\u00fasqueda a la derecha?<\/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-4-3942e7cd-28bd-4628-99a4-9a798564382a\">\n\n<p class=\"wp-block-paragraph\">S\u00ed. Pon Search Bar Position en Right en la secci\u00f3n Search de la pesta\u00f1a Settings de la tabla.<\/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_6ae53d84-627e-40df-833d-4d3a18af5f51\"><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\/tabla-organizable\/\">C\u00f3mo hacer que una tabla se pueda ordenar<\/a><\/li>\n\n\n\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\/use-ai-assistant\/\">C\u00f3mo usar el Asistente de IA en WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/export-tables\/\">C\u00f3mo exportar tablas en WP Table Builder (CSV y XML)<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Add a live search box that filters WP Table Builder table rows as visitors type.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[100],"doc_tag":[],"class_list":["post-24252","docs","type-docs","status-publish","hentry","doc_category-interactive-features"],"year_month":"2026-11","word_count":452,"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":"Interactive Features","term_url":"https:\/\/wptablebuilder.com\/es\/docs-category\/interactive-features\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/24252","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=24252"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/24252\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/media?parent=24252"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_category?post=24252"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_tag?post=24252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}