• 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);
      }
      

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

Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

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

Populares

Usando Custom Post Types en WordPress

Contenido restringido para usuarios usando shortcodes

Mostrar mensaje al seleccionar envío Recogida en Local en WooCommerce

Personalizar enlace leer más en WordPress

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