• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar a la barra lateral principal

DecodeCMS

Tu WordPress a otro Nivel ...

  • Acerca de
  • Contacto
  • Inicio
  • Tutoriales
    • Themes
    • Plugins
    • Core
    • Recursos
  • Cursos
  • Acceder
    • Mis cursos
    • Mi Cuenta
    • Acceder
Inicio / Tutoriales / Themes / Mostrar Tabla Personalizada con Búsqueda y Paginación en WordPress

Mostrar Tabla Personalizada con Búsqueda y Paginación en WordPress

Mostrar Tabla Personalizada con Búsqueda y Paginación en WordPress

[ 17 noviembre 2021 ] [ Autor: Jhon Marreros Guzmán ][ Themes - Intermedio] [ ]

funcionalidad mejoras

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

En un artículo anterior habíamos visto como mostrar datos desde una tabla personalizada en WordPress, sin embargo en este artículo vamos a incluir funcionalidad adicional de búsqueda y además paginación.

 

Resultado Final

Al final lo que queremos obtener será algo similar a la siguiente imagen, en donde se listan datos de una tabla personalizada, además se muestran los registros paginados y con la funcionalidad de búsqueda.

Paginación y búsqueda tabla personalizada , resultado final

 

Código para mostrar tabla personalizada

El siguiente código muestra en una página llamada “empleados” los registros de una tabla llamada “employee”, la tabla se asume que esta en la misma BD de WordPress.

Si la tabla con la que quieres trabajar esta en una base de datos diferente a la de WordPress, revisa el artículo Leer datos desde otra Base de Datos
Puedes agregar el siguiente código en el archivo functions.php de tu tema hijo.

En el código anterior:

  • Utilizamos el Hook the_content que hace referencia a la función dcms_list_data() para mostrar los datos en una página específica de WordPress
  • Puedes cambiar las variables $slug_page, $table_name e $items_per_page
  • Para cambiar el campo de búsqueda debes hacerlo en la variable $search_condition
  • Dentro de esta función se llaman a otras tres funciones para mostrar la búsqueda, el contenido y la paginación
  • Para cambiar la estructura de los campos a mostrar debes hacerlo en la función dcms_print_table() y adaptarlo de acuerdo a la estructura de tu tabla

 

Conclusión

Como has podido comprobar, puedes mostrar datos de una tabla personalizada directamente a través de código en WordPress, además tener la funcionalidad de búsqueda y paginación es especialmente útil si vas a mostrar una gran cantidad de registros y es más accesible para el usuario.

 

¿Aún con dudas?, en el siguiente video se detallan los puntos anteriores.

Suscríbete a DecodeCMS:  

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • Shortcode para búsqueda en tabla personalizada en WordPressShortcode para búsqueda en tabla personalizada en WordPress
  • Guardar las búsquedas internas en WordPressGuardar las búsquedas internas en WordPress
  • Búsqueda en tabla personalizada en WordPressBúsqueda en tabla personalizada en WordPress
  • Mostrar datos desde una tabla personalizada de la base de datos de WordPressMostrar datos desde una tabla personalizada de la base de datos de WordPress
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (3 votos, promedio: 5,00 de 5)
Cargando...

Interacciones con los lectores

Comentarios

  1. Manuel Ramírez Coronel

    17 noviembre, 2021

    Muy buen post !!! Disculpa de casualidad no sabrás de alguna documentación en español para usar este plugin boilerplate ? https://wppb.me/ se me ha difícultafo mucho encontrar documentación en español para usarlo en mis plugins.

    • Jhon Marreros Guzmán

      18 noviembre, 2021

      Hola Manuel, si, tengo un artículo al respecto, revisa: https://decodecms.com/generador-de-plugins-base-para-wordpress/ , sin embargo espero hacer un artículo relacionado con una estructura de archivos diferente que es la que últimamente estoy usando.

  2. Manuel

    26 noviembre, 2021

    Gracias por tu post. Como se podria agregar un boton para descargar la tabla filtrada?

    • Jhon Marreros Guzmán

      6 diciembre, 2021

      Hola, es una buena funcionalidad que podrías servir, evaluaré hacer un artículo sobre esto. Saludos.

  3. Rafael

    27 febrero, 2022

    HOla Jhon, me encanta tu estilo de publicar, he encontrado varias soluciones con tus publicaciones.
    En el artículo “Mostrar Tabla Personalizada con Búsqueda y Paginación en WordPress”,
    El search se podria cambiar por un select option para no tener que escribir y solo buscar en p.ejemplo los
    empleados previamente dados de alta

    • Jhon Marreros Guzmán

      28 febrero, 2022

      Hola Rafael, podrías quitar el input de búsqueda y reemplazarlo por un Select HTML, revisa: https://www.w3schools.com/tags/tag_select.asp , posiblemente también tengas que afinar la consulta SQL, aunque si los valores del Select coinciden con el like podrías dejarlo igual.

  4. Marcos

    7 abril, 2022

    Muy buen tutorial jhon! me pregunto si quisiera que solo aparezcan los datos solo cuando realizo las busquedas y no cuando ingreso a la pagina que deberia editar. Saludos!

    • Jhon Marreros Guzmán

      8 abril, 2022

      Hola, tendrías que envolver dentro de una condicional los dos últimas concatenaciones para $content, comprobando cuando hay un valor en $search

      
      if ( $search ){
      		$content .= dcms_print_table($items);
      		$content .= dcms_print_pagination($start_number, $items_per_page, $count, $search);
      }
      
  5. Pedro

    6 junio, 2022

    Buenos días,
    Muy interesantes y muy práctico.
    ¿Hay forma de definir donde se muestra dentro de una página de wordpress que tenga más contenido?
    Es decir, ¿se puede crear un contenedor en la página de wordpress, y que luego se incluya ahí la búsqueda y resultado de la misma?
    Pudiera hacerse que en lugar de por el slug_page, se incluyera por una llamada shortocode donde lo necesitáramos.

    Muchas gracias

    • Jhon Marreros Guzmán

      9 junio, 2022

      Hola, si, efectivamente, si quieres más flexibilidad en donde se muestra la búsqueda puedes crear un shortcode, revisa el siguiente enlace de referencia: https://decodecms.com/shortcode-para-busqueda-en-tabla-personalizada-en-wordpress/

  6. Oscar Nicoletti

    4 noviembre, 2022

    Hola Jhon, gracias por tus tutoriales.
    Una consulta, tengo un error, me dice:
    Fallo al actualizar. Las respuesta no es una respuesta JSON válida.

    Esto es cuando pongo el shortcode en la pagina. Alguna idea?
    Gracias de antemano

    • Jhon Marreros Guzmán

      9 noviembre, 2022

      Hola, ese mensaje no creo que tenga que ver con el código de este artículo, es más bien algo relacionado con el propio WordPress o con el editor, revisa esta discusión: https://es.wordpress.org/support/topic/mensaje-de-error-las-respuesta-no-es-una-respuesta-json-valida/

  7. Alberto Garcia

    5 diciembre, 2022

    Hola Jhon, gracias por tus tutoriales, me gustaría que nos mostrara algún ejemplo con el trabajo con los registros dentro de la tabla que muestras un update utilizando ajax con checkbox y este tipo de cosas, creo que sería de mucha ayuda para todos.
    Gracias de Antemano

    • Jhon Marreros Guzmán

      6 diciembre, 2022

      Hola Alberto, si, es una buena idea, lo evaluaré, aunque incluye mucho más código, posiblemente incluso daría para un curso. Saludos.

Para escribir código envolver con: <pre class="language-xxx"><code> </code></pre> ,reemplaza las xxx (php, css, html)

*

* Gravatar habilitado

Barra lateral principal

Presentación

Curso Decodifica WordPress

Únete a DecodeCMS

Recibirás como regalo:

Guia práctica con video:
¿Quieres agregar código a WordPress? Revisa las diferentes opciones que tienes.Ver más

Jooble
Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

accesibilidad css dashboard editor error funcionalidad herramientas imagen js librería mejoras optimización seguridad social woocommerce

Populares

Diferencias entre entradas y páginas en WordPress

Entradas relacionadas mejoradas sin plugins en WordPress

Manejo de Sesiones en WordPress

Deshabilitar el editor de bloques para Widgets en WordPress

© logo decode pie
Política de Privacidad | Política de devoluciones
Copyrigth 2023 Todos los derechos reservados