Datatables - Exportar a Excel y personalizar impresión
Vložit
- čas přidán 5. 09. 2024
- En este video usamos una extensión muy potente para poder exportar a excel y personalizar todos los parámetros, estilos y templates de impresión.
Si quieres apoyar al canal. Link para donación con Paypal:
www.paypal.com...
Link de descarga:
www.dropbox.co...
REDES SOCIALES
Canal de CZcams: / informaticadp
Web: www.informatic...
Facebook: / infodp
Instagram: / info_dp
Twitter: / infodp1
CURSOS DE LARAVEL
Laravel ¡desde cero!
• Laravel ¡desde cero!
CRUD con Laravel + Livewire + Jetstream
• CRUD con Laravel + Liv...
CRUD con Laravel + Inertia + Jetstream
• CRUD con Laravel + Ine...
CRUD con Laravel - Imágenes
• CRUD con Laravel - Imá...
Laravel - Varios
• Laravel - Varios
Roles y Permisos - Laravel
• Roles y Permisos - Lar...
Laravel + Vue + SPA + CRUD
• Laravel + Vue + SPA + ...
Angular + Firebase App CRUD
• Angular + Firebase App...
React + Firebase App CRUD
• React + Firebase App CRUD
Firebase CRUD - Javascript y JQuery
• Firebase CRUD - JavaSc...
CURSOS DE NODE JS
Node Js desde cero
• Node JS ¡desde cero!
CRUD MVC con Node Js y MongoDB
• CRUD MVC con Node Js y...
API Restful Node Js + Express
• API Restful Node Js + ...
CRUD con Node Js y MySQL
• CRUD con Node Js y MySQL
Login con Node Js y MySQL
• Login con Node Js y MySQL
MongoDB ¡desde cero!
• MongoDB ¡desde cero!
FullStack: MySQL + Express + React + Node (Bonus MongoDB)
• FullStack: MySQL + Exp...
APPS - JAVASCRIPT
App Spider-man API Movies - Vanilla JavaScript
• App Spider-man API Mov...
App Clima - Vanilla JavaScript
• App Clima - Vanilla Ja...
App Clock - Vanilla JavaScript
• App Clock - Vanilla Ja...
App Cryptos - API Binance - Vanilla JavaScript
• App Cryptos - API Bina...
App Lista de Tareas - Vanilla JavaScript
• App Lista de Tareas - ...
App Búsqueda instantánea - Vanilla JavaScript
• App Búsqueda instantán...
JAVASCRIPT
CallBack en 5 Minutos - JavaScript
• Callback en ¡5 minutos...
Objetos, Introducción en JavaScript
• Introducción a los Obj...
Spreed Operator - JavaScript
• Javascript - Spread Op...
Inmutabilidad - JavaScript
• JavaScript - Inmutabil...
Gracias por todos tus tutoriales! Me están siendo de mucha utilidad. Para que te hagas una idea de lo buenos que son y bien explicados: soy bióloga y pude hacer un dashboard con tablas , filtros (ahora exporta a excel), crear tareas, editarlas etc. Gracias!
Te felicito por tu título ( Bióloga). No cualquiera. Y te agradezco infinitamente por tus palabras, yo soy ingeniero en informática, y poder ayudar o facilitar la enseñanza al desarrollo web es algo que me apasiona. Saludos y éxitos!!!
Hay alguna posibilidad de exportar una imagen, insertar el logo en el excel?
Quisiera saber lo mismo 😮
Gracias, es muy util, una pregunta como podria agregarle una imagen al encabezado desde el datatable? Gracias!
joder Informticadp me lees el pensamiento, muchas gracias por tus enseñanzas
Gracias Manuel! Abrazo y buen año!
@@informaticadp Gracias a ti !!, igualmente !!
Hola que gran video, una pregunta, ¿si yo quiero insertar una columna el contenido de esa columna puede ser una imagen? quiero colocar el logo de mi empresa dentro del documento excel, gracias espero su respuesta.
excelentes tutoriales, yo quisiera saber como modificar el archivo PDF que genera datatables. ya que no muestra los bordes de las celdas y quisiera agregar eso. o personalizar la tabla del pdf asi como personalizas para exportar a excel. Muchas gracias
Estimado, el formato numérico de la celda salary, en la tabla del navegador es con 'coma ,' ej: "162,700" pero al momento de exportar a excel este formato cambia la 'coma' por un 'punto eje: "162.700" , mi pregunta es como puedo mantener el mismo formato que tiene la tabla del navegador al moento de exportar a excel? Saludos, buen video
Gracias por la explicación me ayudo bastante, tengo una duda se puede agregar datos en el content al agregar la fila o columna por ejemplo el valor de una variable, por ejemplo sacar la suma de celdas?
Gracias por impartir tu conocimiento, saludo desde Bogotá - Colombia.
Me queda una duda, cómo se podría cambiar el título del documento ? Y, en tu caso que haces el ejemplo con ventas como se podrían sumar los valores y mostrar el total de ventas?
Por otra parte, seguí tu instructivo donde se realiza el reporte en excel, pdf e impresión y al momento de pasar a un tamaño movil se oculta el input de búsqueda e intendado con la documentación y no ha sido posible. De antemano quedo agradecido.
gracias por el video, siempre compartes cosas muy interesantes y utiles, sigue asi
Muchas gracias!!!!
Gracias por el tutorial, lo pondré en práctica
Saludos Luis!
muchas gracias bro, siempre traes los videos precisos, excelente trabajo
Muchas gracias! Saludos Bro!
Muchas gracias! Saludos Bro!
Son geniales todos tus videos
Muchas gracias Josue! Saludos!
Existe algun complemento de esa utilidad pero que te deje exportar a PDF?
Buenas genial entendible que sea propio para aplicar un estilo al excel pero si quisieramos sumar alguna columna con montos tendras algun video estariamos agradecidos muchas gracias por su aporte maestro
buenas como estas, muchas gracias por el video, tengo una pregunta, como hago para que la columna salario los valores de las celdas al momento de exportarlo a excel , no aparezca el signo $ ni los puntos, es decir solo numeros, gracias
Excelente vídeo, felicitaciones.
Pregunta, si en la última columna del Datatable tengo botones de opciones, como puedo hacer para que cuando exporte a excel no me salga esa columna en el excel, gracias y saludos desde Colombia
Hola muchas gracias! Esa parte está en la documentación de la librería que mostré en el video. Está el link en la descripción del video. Saludos.
YO LO MANEJO ASI
"extend": 'excelHtml5',
"title": 'Reporte Venta',
"exportOptions":{
'columns':[0,1,2,3,4,5,6,7]
},
EN 'columns' LE INDICO QUE COLUMNAS VOY A QUERER QUE SE EXPORTEN, ESPERO PODER AYUDARTE
Excelente!, sería interesante ver datatables y firestore 👍
Muchas gracias Robert! Agendada tu sugerencia. Saludos!
No sé si viste este curso. Seguro te va a servir. Incluso tiene un CRUD con firebase y datatables. Saludos.
czcams.com/play/PLrAw40DbN0l2vPL-iZ3JHW7-_fmAXfZpC.html
@@informaticadp por supuesto que lo vi !
los botones de exportar funcionan bien con los 10 regsitros que se muestran en pantalla... como exportar todos los registros o un filtro especifico?
excel-ente !! muchas gracias !
Gracias Alfredo!!!
Consulta, quiero añadir un texto en la parte superior de la tabla, estoy haciendo un cronograma y necesito colocar los datos del prestamos, nombre del préstamo, tasas, garantías, condiciones, etc. antes de desplegar la tabla (el cronograma)
Tengo una datatable que en una de las celdas coloqué un botón, la datatable está paginada y en la primera página si funcionan los botones pero en la segunda página no.
Gracias por el contenido, una consulta como hago si quiero que no se muestre una columna en particular. Por ejemplo si no quiero que se muestre la columna Salary.
MUCHAS GRACIAS ME SIRVIO DE MUCHO, UNA CONSULTA COMO PUEDO COMBINAR DOS COLUMNAS?
Tengo una pregunta cómo quito el título de la página que se muestra cuando descargo el Excel de paso buen video me ayudó mucho
saludos, muy buen video, todo bien explicado, pero tengo una consulta, si se quiere descargar el archivo de Excel con un nombre especifico y un nombre también en la hoja de Excel como se haría, porque al descargar el archivo implementando el código descarga con nombre xlsx.xlsx y la hoja tiene nombre sheet. gracias.
También se puede hacer para impresión directamente? Tanto para exportar a impresión, PDF , excel ?
Estimado, consulta si quiero ocupar tres o cuatro condiciones para poder pintar las celdas, como debería ser, no encuentro info y me queda raro los rangos pero cuando son 3 o mas, se me complico el tema, te lo agradezco tus videos son geniales.
Si tengo una tabla dinamica con Server-side processing como exporto a excel?
Buenas, perso si o quiero tener que me muestre n cantidad de entradas Y el botón de Excel, no se puede??
Como le puedo poner un encabezado al reporte
Hola, tengo un problema al exportar muchas columnas, sólo se estilizan las primeras 9. El resto de columnas quedan sin estilo en el excel. ¿Alguna solución? Gracias de antemano.
Eso tengo un número muy largo como configuro columna como texto para q no muestre un número con el final +22. Gracias
muchas gracias por el interesante video, ¿puede mostrarnos cómo agregar una fila después de la última fila de datos?
Muchas gracias! Si podríamos hacerlo. De hecho hace rato que no hacemos algún video con datatables en el canal. Saludos.
@@informaticadp Gracias y mis respetuosos saludos por el trabajo realizado, si tambien puedes mostrar como hacerlo con pdfmake
@@informaticadp Puede mostrarnos una manera de hacer lo mismo con pdf
Hola @informaticadp se puede exportar a excel digamos un select que genere de otra tabla en base al id de la fila?
Cómo puedo editar el encabezado es decir que por ejemplo diga reporte de excel sobre empleados. Etc
bro tengo una tabla con scroll x habilitados ya que tiene muchas columnas, que iria desde la A:AC, Peros los Stylos solo se aplican desde la columna A hasta la I, como incluyo el resto de columnas?
Tengo un problema al exportar números de 16 cifras por ejemplo 1111111111111116 lo transforma a 1111111111111120, sabes cómo solucionar esto?
Gracias amigo!! Gran video! , Te queria preguntar y si deseo eliminar ciertas columnas ? por ejemplo tengo columnas con los campos de descargar o eliminar, como podría eliminar esas columnas para que no se vean en el excel?
Hola amigo, puedes agregar esta linea.
exportOptions: {
columns: [ 0, 1, 2, 3]
}
Los numeros indican cual quieres mostrar.
¿crees que puedas compartir el proyecto?, ya no funciona el link
como puedo incluir todo el encabezado de la tabla, solo exporta con la ultima fila del encabezado.
Buenos dias tengo un problema al hacer click en el boton de Excel me descarga la tabla pero sin formato, como podria solucionar eso
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.
alguien sabe como puedo hacer para que los hipervínculos se descarguen como link al exportar a excel ? ya intente de varias maneras y lo que pasa es 1. me muestra el texto que deberia de tener el enlace asociado y no lo tiene o me imprime todo el contenido de la etiqueta como un string
Excelente video! increíblemente alta la calidad del video. Hermano, Se puede aplicar formato de tabla excel al exportar el archivo?
Muchas gracias Carlos!! A qué formato te referís? Así puedo ayudarte.
@@informaticadp Al formato de tabla propio de excel. En excel se puede seleccionar una tabla y hacer click en "Dar formato como tabla". Quería saber si con el data table se puede aplicar este formato sin que el usuario tenga que ponérselo manualmente
La verdad no probé lo que decís.
@@informaticadp Entiendo. Hice de otra manera lo que ocupaba, pero sin duda me ayudaste bastante, Muchas gracias por tu video.
Saludos!
Excelente video bro, de repente tienes algún vídeo para personalizar el PDF que se obtiene por el botón y poner una imagen como el logo de la empresa ?
Gracias Kevin! Con PDF de este estilo no. Si incrustas la imagen en el Excel y luego la envias como PDF no te funciona?
Tienes algún video que de permita modificar el núrmero de filas? Por defecto por defecto trae 10.. se le quiero poner 5 filas.
En el lista que tengo de datatables hay de todo y lo hice varias veces. Creo que en este video lo explico.
czcams.com/video/LJpv-30hgAw/video.html
Qué tal! Que opinas de este data tables y el que se usa que también tienes en tu canal de VUE y VUETIFY
Son similares en funcionalidades. La de Vuetify es para usar solo con Vue. Datatables de Jquery tiene mucho respaldo de la comunidad.
hola, se puede cambiar el titulo datatables en la hoja de excell?
si yo no quiero que el boton lo genere datatables que puedo hacer
buenas, el codigo que he copiado de la misma pagina del datatable respecto al boton, en el apartado de los reportes, no me esta generando como debe ser el archivo ya que en excel automaticamente me lo esta generando en formato csv y cuando coloco la extension excelHtml5 el boton ya no aparece :/
alguien tendria la solucion a este caso, si es que les ha pasado?? de antemano,
gracias
muy buen video mi buen, disculpa yo he querido exportar imágenes de mi datatables al excel pero solo he logrado se muestre el código HTML, tu haz logrado esa gran Azaña?
Si claro que se puede, pero el proceso es con bases de datos.
buen video , amigo como puedo agregarle un formulario al html , y que el excell guarde lo que yo puse en el formulario html
Gracias por el tuto , existen mas extensiones ?
Si, muchísimas. En esta lista trabajamos con la mayoría.
czcams.com/play/PLrAw40DbN0l3S_1o1ya45SaWiMnGqboK7.html
Hola quisiera saber si tienes algun video de exportación a pdf, de antemano muchas gracias.
Gracias. He teniso inconvenientes a la hora de imprimir con la ultima linea donde realice un calculo..que puede ser? Me puedes orientar...gracias
hola, lograste imprimir esa linea? tambien tengo el mismo problema
Como seria si deseo colocar un filtro en la exportacion
Hola como podria darle formato a una cantidad de moneda donde se vea asi.. $15,000
Y para botar reportes en PDF pero numerando las filas de la tabla que genera, alguien hizo?
Hola si quisiera personalizar pero con Pdf puedo aplicarlo igual o cambiaria gracias
Haces todos los cambios en excel cómo se ve en el video, y al momento de imprimir lo guardas como PDF y listo.
Donde coloco el codigo JavaScript en Angular? es decir en el componente de la logica, o donde? lo pregunto porque Angular usa Typescript. Soy nuevo en esto
En realidad typescript lo podes usar con cualquier frame o libreria que use Js. Coloca el código en el componente que necesitas, más simple.
hay algo que quiero hacer pero aun no lo encuentro en la documentancion, de como puedo cambiar el encabezado de la tabla donde aparece el titulo, para poder perzonalizarlo.
encontre las propiedades que hay que agregar: title: ''titulo encabezo de la tabla',
filename: 'nombre del archivo cuando se exporta',
@@cristiandavidcardonavasquez muchas gracias, también hay a posibilidad de agregar un sub titulo : messageTop: `${dato} soles` y puedes usar las comillas especiales ` para añadir contenido dinámico
@@cristiandavidcardonavasquez tienes que hacer alguna referencia a donde pondras el titulo o solo con la propiedad title?
@@davidvillacervantes97RK ejemplo tu titulo podria ser una funcion dependiendo de lo quieras agregar, o podria hacer referencia a una variable.
sea cual sea el caso, debe estar dentro de las {} ejemplo: { extend: "excel",
text:'',
className:'btn btn-success',
title:'ESTE_ES_EL _TITULO',
insertCells:[....]
}
Hola me gusta tu canal, podrías hacer lo mismo con PDF por favor en la incluya logo y fecha de creación del documento y número de página. Gracias.
Fpdf usa eso
Cordial saludo: hay alguna manera de renombrar la descarga, se descarga con title de la pagina que es por default
Estimado. No intenté. La verdad no sé si se puede.
saludos bro, se puede agregrar una fila al final de la hoja, que sume los campos de una columna?
Cómo estás! Si se puede. Lo podes hacer desde datatables o desde la hoja de excel.
@@informaticadp tienes un ejemplo haciendolo desde ambas?
Desde datatables te paso. Desde excel buscalo en la documentación.
czcams.com/video/jnofZhlOEMU/video.html
@@informaticadp bro como incluyo el tfoot en la exportancion del archivo de excel?
para agregar el tfoot a los bootones de exportancion, se agrega el siguiente parametro footer: true. ej: { extend: 'excelHtml5', footer: true },
ya al exportar con ese boton incluye el tfoot
¿Cómo se cambia el tipo de letra y tamaño en PDF?
Desde la librería Datatables creo que no hay alguna propiedad, ya debería cambiarse con css puro, con eso no hay problemas.
Alguien lo intentio con datos traidos desde sqlserver?
Que error te da? Con cualquier DB se puede.
donde consigo el código?
Siempre está el link en la descripción del video.
No me sale ;(
@Sol-od7hl ya lo reviso
Listo bro!
@@informaticadp Sabe como se puede hacer en el exportar PDF? para cambiar la letra y tamaño que trae por defecto..