DataTables - Exportar a Excel, PDF, y enviar a imprimir. Personalizar estilos.
Vložit
- čas přidán 26. 05. 2019
- Aprendé a insertar botones para exportar datos de las tablas en formato EXCEL, PDF y enviar a imprimir. Aplica estilos y ¡mucho más!
Si quieres apoyar al canal Informática DP - link para donación con Paypal
www.paypal.com/paypalme/infor...
Link descarga del proyecto
www.dropbox.com/s/q9mga83b1de...
Font Awesome
fontawesome.com/start
Datatables
datatables.net/download/ - Věda a technologie
Lo mejor de Datatables en en sus ultimas versiones en este canal me ha salvado muchas veces con sus videos. 100% recomendado
Muchas gracias Jorge! Te mando un abrazo!
Otro gran tutorial capo, la verdad que increíble tus tutoriales. Simples y al pie 😁 Gracias por compartir tu conocimiento
Estimado. usted tiene una capacidad de enseñanza verdadera. felicitaciones. y gracias por tu generosidad por compartir tus conocimientos.
Muchas gracias Víctor por la generosidad de tu comentario. Te mando un abrazo!
Muchas gracias por tomarse el tiempo de hacer el tutorial y de ayudar a muchas personas, me fue de gran utilidad 👍
Muchas gracias!!
Te mereces un. (y) Porque me ayudaste a resolver un problema de sintaxis viendo tu codigo. Bien.
Muchas gracias! Saludos!
Buenas, Muy bueno el tutorial, gracias desde Rep. Dom
Muchas gracias Juan Pablo! Saludos desde Argentina.
Maestro una pregunta, tengo una tabla del tipo vertical scroll y con php muestro varios campos, pero la tabla siempre me muestra el primer registro y yo quiero que me muestre el último osea cuando yo hago la consulta a la base de datos y le pido los datos Desc. He investigado cómo hacer que la tabla me muestre los datos así pero no logro hacerlo, me puedes ayudar con eso. Gracias de antemano.
Muchas gracias de hecho tiene todo lo que ocupaba :'3 Gracias por el tuto
Excelente video, una pregunta como puedo configurar cunatas columnas de la tabla quiero mostrar en el pdf?
Como puedo modificar el pdfmake para que me imprima el pdf en horizontal?
Informática DP tenia una consulta al pdf exportado se le puede agregar estilos con css, como cambiar el estilo de la letra, tamaño de las columnas de la tabla exportada y agregar alguna imagen?? ..tenia esa duda men :(
Excelente video, me has ayudado bastante para dar los ultimos toque al sistema de la tesis!
Gracias Alexander! Suerte en tus estudios. Un abrazo!
@@informaticadp Tendrás algún vídeo para hacerle CRUD a los datos que pintamos con data tables?
En el canal hay un montón de CRUDs. Ya te paso los videos
@@informaticadp Hey! Ya los encontré muchas gracias 😍!
De diez! Suerte!
Gracias che, super claro. Un abrazo de Argentina
Saludos y gracias Matias!!
Excelente mi estimado, muy buen tutorial y gracias por compartir tu código, es de gran ayuda.
Muchas gracias!!!!
Existe alguna forma de editar el documento que se exporta a pdf? La cosa es que mi tabla tiene unas cuantas columnas y cuando exporto en pdf ésta no se ajusta o se va para abajo sino que se va de la hoja completamente
hola, gracias por el video. muy bueno. pero tengo una una duda. Estoy tratando de hacerlos responsive, agrego las 2 extensiones que recomiendas en el otro video, y funciona, pero pierdo los botoncitos verdes que indican que "hay algo mas adentro" que será?? grccias!!
Profe una pregunta, yo quiero mostrar en la tabla unicamente usuarios creados del día que he registrado. Al día siguiente quiero de mi tabla este vacío, o sea que desaparesca todos los registros que he realizado el dia anterior. Es posible en data table ?
es posible, para el caso de todos los botones, pdf, excel, imprimir, poder hacerlo con todo el filtro que se haya realizado (a veces son 2 o tres hojas paginadas) y que solo lo haga con lo que se visualiza en pantalla? Supongo que Datatables debe tener una manera, sino es muy limitado el alcance de los botones cuando las tablas son grandes, en donde los filtros abarcan 100 o mas registros. Todos los casos que he visto, los botones solo abarcan lo que se ve en pantalla. Gracias!
Excelente! Consulta mister. Como hacer para que los botones sean responsive al div, descargue el proyecto para ver si era el error en mi proyect pero pasa que sucede lo mismo.? Ayuda porfa.
EXCELENTE VIDEO !!!! MUCHAS GRACIAS !!!!
Muchas gracias! Saludos!
Gracias por compartir, es muy detallado :) Estoy teniendo problemas al exportar el archivo a excel, uno de mis datos es numérico pero es una secuencia larga de números, al pasarlo a excel pierdo precisión. Sabes desde dónde puedo ajustar para que al pasar a excel no me reduzca esa cadena?
Excelente tutorial Gustavo!!!! 😃
Maestro, buen dia. Sigo atorado con mi asunto :(. Alguna orientacion sobre un CRUD que afecte a 2 o mas tablas mediante un solo formulario?? Ojala me pueda ayudar.
Gracias por compartir, como podria hacer para que el pdf que me genera no salga vertical sino horizontal
hola muchas gracias por el aporte, una duda como puedo mandar a imprimir sin que me mande el cuadro de dialogo de la impresora, que lo imprima directamente sin que aparezca ese cuadro de dialogo de la impresora. saludos, muchas gracias !!
Como exporte con ciertas columnas de la tabla ?
Por ejemplo tengo nombre edad y ciudad.
Solo quiero me exporte a Excel los datos de nombre y edad?
Buen video hermano, una consulta , hay algún video para exportar los datos a excel,pdf pero con BD(mysql)? Gracias de antemano
Gracias por el video, tengo una duda a la hora de generar mi reporte ya sea excel o pdf, quiero por ejemplo que la columna Ciudad no aparesca, como lo aria??
Tengo una duda. Utilice este datatable para crear un proyecto. Pero cuando intento agregar registros se desconfigura la tabla y se pierden los iconos del PDF, excel. No entiendo porque sucede.
Me sacaste del hoyo en el que estaba , gracias
Me alegro Juan Manuel! Saludos.
hola como puedo tener contacto contigo utilizo tu codigo fuente pero no me hace la tabla responsive...
Excelente vídeo gracias enserio, pero tengo una duda como podría hacer que en la Cabecera de la fila (osea si no me explico en un cuadrito de la tabla) que en ese mismo yo pueda editarlo osea que tenga un desplegable de tipo "OPTION" para yo seleccionar unos datos predefinidos en BD, no se si me haga entender, espero que si !!, gracias saludos espero tu respuesta :)
Hola! una consulta en mi vista tengo algo de 10 tablas con mucho datos, como le hago para que muestreen todas las tablas?
Amigos como podría exportar imágenes?? Tengo una columna de imágenes en cada registro pero al momento de exportar a un excel o pdf, lo hace pero no la columna de imágenes me queda vacío ese campo
como haria para exportar, pero directamente de la tabla sql?
Muchas gracias amigo, me sirvió de mucho
Me alegro mucho Bro. Saludos!
Amigo tengo un problema, tengo una tabla diseñada con colspan y rowspan pero al descargar en Excel y PDF sólo acepta al head más cercano al body de la tabla y los demás no me los reconoce.
Excelente video, como se puede hacer para separar los botones entre sí? Lo he intentado pero no lo consigo es como si fuera solo un boton subdividido
Hay forma de tener el lenghtMenu y el boton de Exportar a la par o arriba?
Còmo puedo darle mi estilo a los botones de anterior y siguiente
Hola! consulta, la consola me arroja este error y no me muestra los botones. TypeError: p is undefined ¿Que podrá ser?. Lo estoy realizando en asp net core. Saludos y gracias
Hola! un compañero me presentó Datatables pero el tiempo que tenemos es algo limitado para hablar así que inicié con implementación en una modal que contiene un Select de SQLServer y estoy recibiendo este error en consola:
Uncaught TypeError: Cannot read property 'aDataSort' of undefined - jquery-3.5.1.js:4055
Hasta en Stack overflow he preguntado y nadie ha dado con el problema... sabes algo al respecto? - Lo hice con este ejemplo, incluyendo los CDN que están ahí...
Gracias ! y por la explicación igual!
hola seria posible que me ayudaras a que la busqueda sea por rango de fecha desde y hasta ??
cómo hago para que los excel me salgan con algún encabezado decorado y un ícono de la empresa?
Como podrias filtrar tablas y emitirlas tipo excel o pdf ... me refieron como reportes especificos
Como puedo agregar un logo a la hora de exportar para que salgo en el reporte.
estoy tratando de implementar lo de los botones, pero no me sale, que podria tener mal
Amigo aver si me puedes ayudar he visto el video que tienes de datatables con ajax json PHP me funciona correctamente pero al incorporarlo en minwork me da alerta de que json no valido la ruta la tengo perfecta . No tengo fallo, no le funciona no tu ejemplo de del chico con el que llevamos el proyecto desde hace meses yo estoy seguro todo esta bien hecho lo se se hace falta de conocimientos y la funcion de jauery si hay que agregar algo por ka version de pho o algo así porque al inspeccionar todo perfecto se convierto la advertencia a un fallo deficil de resolver
Excelente tutorial
Muchas gracias David! Saludos.
He hecho tu ejemplo, y está muy bien pero el icono del Excel no me sale sino un recuadro en verde, pero la X de Excel no. ¿Me podrías ayudar a saber dónde tengo el fallo?.
Hola estimado, podría hacer un video como importar registros desde una hoja Excel a un Datatable. Y ojala con esos datos armar gráficos con HTML y CSS? Gracias.
Gracias por el aporte
Gracias x el comentario!
buen dia profe teengo una sola duda lo implemente con micodigo y fucnuina perfecto pero como cambio la orientacion del pdf para quemno sea portraid
t si no lansdcape
Amigo no me sale los mismos botones como te salen a ti se debe alguna actualizacion de version por que a mi me sale Expoprtar en un combo box si exporta todo pero es diferente a lo tu yo
excelente video, como puedo poner bordes cuando descargo ?
Excelente
Muy buen trabajo
Muchas gracias Henry!
Descargue las librerías y las instale en mi proyecto, pero no me las carga tal cual, solo HTML puro si me carga, pero con PHP no me salen
gracias fue de gran ayuda
Excelente Jorge!
DISCULPA Y PARA EXPORTA EN CSV ??
Como puedo ponerme en contacto con su persona? Por medio de algún correo o red social? 🙏🏻🙏🏻 de ante mano muchas gracias!
cuando se imprime o se exporta en excel y en pdf toma la etiqueta del html como titulo como se puede modificar eso ?
Sólo se utiliza ese título , al menos que cambien el título de la página
Ojo con la sintaxis. No entendía porque no me funcionaba... revisé y revisé el código, resulta que en vez de extend:, escribí extends:
Gracias, muy buena explicacion. Sabes cual es la forma de colocar un color de fondo en los encabezados cuando se exporta en excel?
Muito bom meu camarada!! Um grande abraço e muito obrigado. ;)
Muitíssimo obrigado, meu querido! Saudações da Argentina!
Saludos, por casualidad tendras algun sistema delivery o similar a Uber o Rappi??
Disculpen, alguien sabe cómo en lugar de poner botones se puedan poner en un drownlist lo de exportar a Excel?
El input para búsqueda no se alinea con los botonoes :(
Podrian actualizar el link de descarga del proyecto? me manda a adfly que no lleva a ninguna parte, gracias
Si realizo un filtro en la tabla e imprimo, ¿ solo me imprime la información filtrada?
Así es Cristian. Sólo lo filtrado.
su per bueno muchas gracias!
Gracias Ciro!!!
Estimado. Si intento exportar datos desde una tabla conectada mediante server-side solo me exporta los datos visibles y no el total o lo filtrado
Si, en ese caso, dependiendo de la cantidad, podes hacer que te muestre todo con lenght en ALL y los exportas.
Eh realizado tu tutorial pero el datatable no es responsive? algún concejo?
Se puede exportar en un pdf las filas con saldo mayor a $200? en caso positivo, como podría? muchas gracias
Si queres exportar a XLS o PDF, podes hacerlo escribiendo en el cuadro de búsqueda, se filtran los resultados y los exportas directamente.
Gracias por el video, está muy bueno, tengo una consulta, como hago para que el recuadro "Mostrar 10 Registros" lo ponga en la parte superior al lado de los botones exportar?? Actualmente me muestra arriba, pero cuando agrego los botones de imprimir como tu ejemplo, lo manda al lado inferior como en tu video, aparece debajo del contador de registros, gracias y saludos.
Hola amigo es facil, juega con el parametro "dom" => mas o menos asi "Bfilrtp", para reordenar a tu necesidad
hola amigo buen video muchas gracias. solo una consulta se puede agregar filtros de busqueda para descargar ciertos archivos
Muchas gracias Miguel! Dame un ejemplo de lo que necesitas así te ayudo.
una pregunta como podria incluir el colvis en este tutorial que subiste?
Por CDN o desde el centro de descarga.
Se puede realizar el mismo código en Java jsp?
Jonathan Sandov Pues es opinion personal, pero yo creeria que si ya que los jsp reciben los archivos java script, bootrap hasta donde se es una carpeta no necesita instalacion todo lo que tocan es el html, css y javascript el codigo de los jsp como va entre esos
Excelene video, me salvaste de nuevo xd aunque estoy batallando con algo, quiero agregarle mas campos pero cuando lo hago se desaparecen los botones para exportar y el apartado de busqueda, como lo arreglaria ? ademas quisiera saber como en lugar de que aparezcan los datos que trae por defecto en la tabla, aparezcan los que yo tengo en una table de mi bd de mysql. Enserio enserio me estas ayudando demasiado TwT te agradezco, mucho
aprendo mas con tus tutoriales que en clase xd
Muchas gracias Yisus! Vamos por parte, el tema de que se desconfiguran los botoned, se arreglan con el video que te pase acerca del DOM, si queres mas fino, ya usad CSS. Lo otro, para mostrar datos desde MySQL hay muchas formas, con foreach de PHP o con ajax, también están los vídeos en el canal para hacerlos paso a paso. Un abrazo!
muy buenos tus tutoriales, pero no he podido encontrar como quitar de las tablas de bootsatrap-DataTable, las flechitas del encabezado para ordenar en ascendente o descendente los campos, se podrá? Grax!!
Amigo a mi me funciona con "orderable": false,
Hola muy buen video, solo tengo una pregunta, hay alguna forma de filtrar las columnas que quiero exportar, por ejemplo si tengo una columna de botones de acción y no quiero que aparezca en el documento.
Encontraste respuesta amigo?
Hola amigo muy buen video gracias. Amigo una pregunta como podría cambiar los estilos de la páginacion gracias
Gracias a vos! Voy a hacer mas videos para personalizar mucho más datatables. Incluso la paginación.
hola amigo estoy nuevo en esto me gusto la forma como lo explica seguí todos los pasos y perfecto pero al enlazarlo con una base de datos que tengo se queda en eslo y no muestra nada podrías ayudarme saludos
Todo Bárbaro pero Quiero exportar la columna con imagen que tengo, no hay forma?
como le doy un espaciado entre esos botones?
Sabes cómo modificar el alto de las filas?, me queda algo desordenado y no encuentro en el código cómo hacerlo
El alto de las FILAS, se puede modificar con CSS con la propiedad HEIGHT podes usar unidades en px, o relativas % o rem, te paso este código:
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {height: 100px;}
Hola presento el problema que ya puse todos los scripts pero los botones no aparecen a que se puede deber?
Revisa con el inpector de chrome, con las herramientas de dev, para saber que error te aparece.
Buenas tardes amigo excelente video muy buen aporte, quería saber si hay manera de graficar los datos de la tabla, ejemplo saber que ciudad es la que tiene el mayor porcentaje del total de registros.
Muchas gracias Larry. Te cuento para realizar calculos de porcentajes te recomiendo este video, donde trato el tema de las operaciones. Deberías adaptarla a lo que necesitas particularmente.
czcams.com/video/jnofZhlOEMU/video.html
Respecto a graficar los datos, por supuesto se puede y te recomiendo usar Highcharts. Te dejo el curso desde cero.
czcams.com/play/PLrAw40DbN0l2j80DX8Y1Euwmb1oF7rqFY.html
no me funciona los botones del datatable en mvc
Se puede realizar el mismo código con Java jsp? O solo es para php
Yo siempre lo utilicé con PHP en mis proyectos.
también funciona en jsp
tengo una pregunta, uso server-side y ajax una tabla de 1000 registro pero cuando le doy a imprimir, pdf o cualquier otro solamente me da los que se muestran en la tabla pero no los 1000 registros sabes porque?
Siempre te va a imprimir o exportar lo que devuelve la vista. Debes configurar solo para imprimir o exportar que te muestre todos y listo. Avisame si lo pudiste hacer. Saludos.
@@informaticadp si puede, es como decias la unica forma de hacer que imprima todos los datos es que en la vista esten todos los datos
Saludos. ¡Es increíble la potencia de ese puglin! Tengo una pregunta, ¿es posible cambiar la orientación de la página si se tiene muchos campos? ¿O Datatables ajusta los campos al tamaño de la hoja?
Hola cómo estás, si, ojalá que adapten Datatables a otros frameworks de Javascript, es cómo decis, muy potente y excelente para trabajar con bases de datos. Tema impresiones y estilizar encabezados es un video que tengo pendiente.
@@informaticadp Tienes razón, aun estoy esperando tu video de las impresiones y estilizar el encabezado y el pie de pagina, no nos olvides... estaremos atentos a tu estrene del video
Que puedo hacer si en mi tabla son muchos datos al querer exportarlo en pdf o excel, pues después de 6 o 7 campos desaparece la demás información. en serio, espero pueda ayudarme, excelente video gracias
Muy buen video excelente explicación pero quisiera saber si existe alguna manera de solo exportar ciertos datos de la tabla porque al mandara a imprimir o Excel se imprime toda la tabla
Muchas gracias! Mira este video, seguro te sirve para lo que solicitas Patricio. Saludos.
czcams.com/video/LVeTv0H-HDw/video.html
Intento cargar los datos desde una vista pero la vista me trae los nombres de los campos en los registros o filas como resultado mas no los contenidos de los campos. CREATE OR REPLACE VIEW vista_usuarios as select 'user_id', 'username','first_name','last_name','gender','password','status' from usuarios
Qué podría estar pasando?? gracias
Como estas Henry! No sé si viste este proyecto. Ya maneja vistas. Yo le agregaría los botones a este proyecto. Te dejo video, espero te sirva.
czcams.com/video/lDWU6Jp0EKM/video.html
Quisiera un ejemplo de como hacer la datatable q está en la página oficial de datatable la q despliega las columnas hacia abajo. Gracias
Es buena idea, la anoto. Voy a sacar más videos de datatables. Saludos!
Hola,
¿Cómo podría modificar la impresión, es decir, imprimir con algunas cosas como encabezado y añadir otras cosas a la impresión?
Gracias por el vídeo y su atención.
Hola como va. Entiendo que estas extensiones sólo toman la vista actual de la tabla. Voy a subir más videos de datatables y tocar ese tema.
@@informaticadp bien muchas, gracias. tengo una inquietud, en caso de que la tabla se cree dinámicamente ¿Cómo podría implementarlo?, disculpe pero no he encontrado muchos tutoriales al respecto y pienso que podría ser de mucha utilidad. El problema es cuando se crean las tablas desde javascript, dado que hay que implementar un método y en muchas ocasiones presenta errores.
@@informaticadp has tocado ese tema ya? Me gustaria poder hacer esta idea
muy bien explicado. una pregunta como podria cambiar el idioma por defecto de la tabla
Gracias! Te paso video donde explico cambio de idioma. Cualquier duda me avisas. Saludos.
czcams.com/video/o9NB7pH2i8U/video.html
amigo ayuda cuando le doy para que se descargue el pdf no me muestra todas la columnas ("tengo en total 15") que debo hacer?
Habilita la consola, para ver que error sale al momento de presionar el boton de PDF.
@@informaticadp amigo ya modifique tu proyecto y agregue mas columnas a ver si salian completas y pasa lo mismo no muestra todas la columnas, salen incompletas
Muchas gracias amigo, realmente me sirvio, pero tengo una duda, sabes que en vez de 10 datos quiero que me muestre 5, 10, 15, 20, ¿Como podria hacerlo?, realmente disculpa las molestias pero necesito editar eso porque estoy en un proyecto para por fin pasar a pasantias 😭😭😭😭😭
Hola tengo una duda como puedo editar los reportes, agregarles titulo y cosas asi....
espero pueda ayudarme...
Hola, en un principio, con esas extensiones (descargar en formato xls y pdf) lo hace tomando todo lo que está en la vista de la tabla. Voy a averiguar si se puede y subir nuevos videos sobre datatables.
@@informaticadp Espero logres encontrar la respuesta... Tengo la misma inquietud, gracias de antemano