Saltar al contenido

usando Vue.js y DataTable (complemento jquery)

Luego de de nuestra larga selección de datos pudimos solucionar esta impedimento que suelen tener algunos los lectores. Te ofrecemos la respuesta y deseamos que resulte de mucha ayuda.

Solución:

Prefiero alternativas para tablas con vuejs. Uno de ellos es el componente de ratiw https://github.com/ratiw/vuetable-2-tutorial/blob/master/doc/README.md

Bastante rápido para comenzar y se integra fácilmente con bootstrap o marco de interfaz de usuario semántica. También tiene campos de clasificación y búsqueda muy bien personalizables, así como obtener datos de una API, pero esa parte necesita un formato de respuesta de datos específico de su API y, a menos que no tenga mucho control sobre eso, es más difícil implementar la paginación, por ejemplo.

Otra opción es https://github.com/matfish2/vue-tables-2. Encontré este más difícil para empezar porque necesita alguna configuración jsx pero está mejor estructurado que el primero de arriba.

ACTUALIZAR: vue-tables-2 ahora se sirve precompilado y no requiere transformaciones ni cargadores

Honestamente, preferiría una de las opciones de arriba o si encuentra otra en forma de componente en awesome-vue (una lista de componentes de vue en github). Al usar dichos componentes personalizados, se deshace de 2 bibliotecas (jquery y datatables) y funcionan muy bien con la naturaleza reactiva de vue.

A menos que no necesite exportaciones de PDF, exportaciones de hojas de estilo o cosas de impresión sofisticadas, entonces no veo por qué debería usar tablas de datos.

Aquí puedes ver las comentarios y valoraciones de los lectores

Más adelante puedes encontrar las anotaciones de otros desarrolladores, tú igualmente tienes el poder insertar el tuyo si te gusta.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada.