Datatables - Exportar a Excel y personalizar impresión

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 KZbin: / 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...

[@honig7]

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!

[@informaticadp]

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!!!

[@davidvillacervantes97RK]

Hay alguna posibilidad de exportar una imagen, insertar el logo en el excel?

[@evoluciondigitalz]

Quisiera saber lo mismo 😮

[@mkarrasko]

joder Informticadp me lees el pensamiento, muchas gracias por tus enseñanzas

[@informaticadp]

Gracias Manuel! Abrazo y buen año!

[@mkarrasko]

@@informaticadp Gracias a ti !!, igualmente !!

[@carlosbravo5411]

Gracias, es muy util, una pregunta como podria agregarle una imagen al encabezado desde el datatable? Gracias!

[@sapurislucha6559]

gracias por el video, siempre compartes cosas muy interesantes y utiles, sigue asi

[@informaticadp]

Muchas gracias!!!!

[@geht8433]

muchas gracias bro, siempre traes los videos precisos, excelente trabajo

[@informaticadp]

Muchas gracias! Saludos Bro!

[@informaticadp]

Muchas gracias! Saludos Bro!

[@antoniomatiasorta1656]

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.

[@maxpowertux]

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

[@robertsuarezguerra2974]

Excelente!, sería interesante ver datatables y firestore 👍

[@informaticadp]

Muchas gracias Robert! Agendada tu sugerencia. Saludos!

[@informaticadp]

No sé si viste este curso. Seguro te va a servir. Incluso tiene un CRUD con firebase y datatables. Saludos. kzbin.info/aero/PLrAw40DbN0l2vPL-iZ3JHW7-_fmAXfZpC

[@robertsuarezguerra2974]

@@informaticadp por supuesto que lo vi !

[@luisangelcortezgrijalva6778]

Gracias por el tutorial, lo pondré en práctica

[@informaticadp]

Saludos Luis!

[@marcosrh8072]

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?

[@Jbrandan]

Son geniales todos tus videos

[@informaticadp]

Muchas gracias Josue! Saludos!

[@juanfranciscoguerrerobarri6290]

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

[@load_code]

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.

[@facundosichi4945]

Existe algun complemento de esa utilidad pero que te deje exportar a PDF?

[@desarrolladorweb9852]

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

[@kenclass-clasesdemusica3030]

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

[@mhcastillof]

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)

[@7sjcc]

los botones de exportar funcionan bien con los 10 regsitros que se muestran en pantalla... como exportar todos los registros o un filtro especifico?

[@juanibellavitis1055]

Buenas, perso si o quiero tener que me muestre n cantidad de entradas Y el botón de Excel, no se puede??

[@albertbm3395]

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.

[@Raven_edits777]

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

[@MariaIsabelC]

Eso tengo un número muy largo como configuro columna como texto para q no muestre un número con el final +22. Gracias

[@alexelansanchesvilches4065]

Cómo puedo editar el encabezado es decir que por ejemplo diga reporte de excel sobre empleados. Etc

[@gustavomasiassalvador3958]

MUCHAS GRACIAS ME SIRVIO DE MUCHO, UNA CONSULTA COMO PUEDO COMBINAR DOS COLUMNAS?

[@jassanzuleta5317]

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

[@informaticadp]

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.

[@gustavomasiassalvador3958]

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

[@alexelansanchesvilches4065]

También se puede hacer para impresión directamente? Tanto para exportar a impresión, PDF , excel ?

[@raulleyvacontreras4161]

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.

[@michaelcinecyte]

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.

[@softjarc]

Tengo un problema al exportar números de 16 cifras por ejemplo 1111111111111116 lo transforma a 1111111111111120, sabes cómo solucionar esto?

[@jhancarlosramosvilladiego8490]

Como le puedo poner un encabezado al reporte

[@albertocastilloe.7349]

Hola @informaticadp se puede exportar a excel digamos un select que genere de otra tabla en base al id de la fila?

[@willylopezleonardo2099]

Si tengo una tabla dinamica con Server-side processing como exporto a excel?

[@PequeQa]

¿crees que puedas compartir el proyecto?, ya no funciona el link

[@institucioncenfort7096]

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.

[@benjaa0318]

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.

[@alfredobernabe4250]

excel-ente !! muchas gracias !

[@informaticadp]

Gracias Alfredo!!!

[@cristiandavidcardonavasquez]

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?

[@jazo2212]

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.

[@cristiandavidcardonavasquez]

como puedo incluir todo el encabezado de la tabla, solo exporta con la ultima fila del encabezado.

[@angiierojas15]

Hola como podria darle formato a una cantidad de moneda donde se vea asi.. $15,000

[@guidojulianoubaldi679]

Buenos dias tengo un problema al hacer click en el boton de Excel me descarga la tabla pero sin formato, como podria solucionar eso

[@jotap4363]

hola, se puede cambiar el titulo datatables en la hoja de excell?

[@anonymedev8139]

muchas gracias por el interesante video, ¿puede mostrarnos cómo agregar una fila después de la última fila de datos?

[@informaticadp]

Muchas gracias! Si podríamos hacerlo. De hecho hace rato que no hacemos algún video con datatables en el canal. Saludos.

[@anonymedev8139]

@@informaticadp Gracias y mis respetuosos saludos por el trabajo realizado, si tambien puedes mostrar como hacerlo con pdfmake

[@anonymedev8139]

@@informaticadp Puede mostrarnos una manera de hacer lo mismo con pdf

[@eddie8161]

buen video , amigo como puedo agregarle un formulario al html , y que el excell guarde lo que yo puse en el formulario html

[@zerilanka]

Hola quisiera saber si tienes algun video de exportación a pdf, de antemano muchas gracias.

[@luiscifuentes5323]

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?

[@dagacoga]

Hola amigo, puedes agregar esta linea. exportOptions: { columns: [ 0, 1, 2, 3] } Los numeros indican cual quieres mostrar.

[@equiscode4665]

si yo no quiero que el boton lo genere datatables que puedo hacer

[@LuisAngel-jt8iz]

Como seria si deseo colocar un filtro en la exportacion

[@mr_arrowtv7335]

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

[@abeljhanomaquerasacaca2911]

Y para botar reportes en PDF pero numerando las filas de la tabla que genera, alguien hizo?

[@PedroTorres-je9hq]

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.

[@informaticadp]

En el lista que tengo de datatables hay de todo y lo hice varias veces. Creo que en este video lo explico. kzbin.info/www/bejne/gnvTp2BpZc2ad9k

[@MrByteMx]

Qué tal! Que opinas de este data tables y el que se usa que también tienes en tu canal de VUE y VUETIFY

[@informaticadp]

Son similares en funcionalidades. La de Vuetify es para usar solo con Vue. Datatables de Jquery tiene mucho respaldo de la comunidad.

[@cesartorres8190]

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

[@duvanalonsogoezcorrea842]

Cordial saludo: hay alguna manera de renombrar la descarga, se descarga con title de la pagina que es por default

[@informaticadp]

Estimado. No intenté. La verdad no sé si se puede.

[@rettersd3903]

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?

[@informaticadp]

Si claro que se puede, pero el proceso es con bases de datos.

[@carlosumanzor4158]

Excelente video! increíblemente alta la calidad del video. Hermano, Se puede aplicar formato de tabla excel al exportar el archivo?

[@informaticadp]

Muchas gracias Carlos!! A qué formato te referís? Así puedo ayudarte.

[@carlosumanzor4158]

@@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

[@informaticadp]

La verdad no probé lo que decís.

[@carlosumanzor4158]

@@informaticadp Entiendo. Hice de otra manera lo que ocupaba, pero sin duda me ayudaste bastante, Muchas gracias por tu video.

[@informaticadp]

Saludos!

[@alexbarrera8300]

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 ?

[@informaticadp]

Gracias Kevin! Con PDF de este estilo no. Si incrustas la imagen en el Excel y luego la envias como PDF no te funciona?

[@ederh.noleyacila5566]

Gracias por el tuto , existen mas extensiones ?

[@informaticadp]

Si, muchísimas. En esta lista trabajamos con la mayoría. kzbin.info/aero/PLrAw40DbN0l3S_1o1ya45SaWiMnGqboK7

[@juancarlosvillalbacardenas2499]

Gracias. He teniso inconvenientes a la hora de imprimir con la ultima linea donde realice un calculo..que puede ser? Me puedes orientar...gracias

[@jpmora3]

hola, lograste imprimir esa linea? tambien tengo el mismo problema

[@emvp06]

Hola si quisiera personalizar pero con Pdf puedo aplicarlo igual o cambiaria gracias

[@informaticadp]

Haces todos los cambios en excel cómo se ve en el video, y al momento de imprimir lo guardas como PDF y listo.

[@Sol-od7hl]

¿Cómo se cambia el tipo de letra y tamaño en PDF?

[@informaticadp]

Desde la librería Datatables creo que no hay alguna propiedad, ya debería cambiarse con css puro, con eso no hay problemas.

[@williamlebron2078]

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

[@informaticadp]

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.

[@emide.soporte]

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.

[@luismimg]

Fpdf usa eso

[@cristiandavidcardonavasquez]

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.

[@cristiandavidcardonavasquez]

encontre las propiedades que hay que agregar: title: ''titulo encabezo de la tabla', filename: 'nombre del archivo cuando se exporta',

[@mhcastillof]

@@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

[@davidvillacervantes97RK]

@@cristiandavidcardonavasquez tienes que hacer alguna referencia a donde pondras el titulo o solo con la propiedad title?

[@cristiandavidcardonavasquez]

@@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:[....] }

[@cristiandavidcardonavasquez]

saludos bro, se puede agregrar una fila al final de la hoja, que sume los campos de una columna?

[@informaticadp]

Cómo estás! Si se puede. Lo podes hacer desde datatables o desde la hoja de excel.

[@cristiandavidcardonavasquez]

@@informaticadp tienes un ejemplo haciendolo desde ambas?

[@informaticadp]

Desde datatables te paso. Desde excel buscalo en la documentación. kzbin.info/www/bejne/oJ_Sl42eobR4g7c

[@cristiandavidcardonavasquez]

@@informaticadp bro como incluyo el tfoot en la exportancion del archivo de excel?

[@cristiandavidcardonavasquez]

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

[@user-gz4ei9qk7t]

Alguien lo intentio con datos traidos desde sqlserver?

[@informaticadp]

Que error te da? Con cualquier DB se puede.

[@Sol-od7hl]

donde consigo el código?

[@informaticadp]

Siempre está el link en la descripción del video.

[@Sol-od7hl]

No me sale ;(

[@informaticadp]

@Sol-od7hl ya lo reviso

[@informaticadp]

Listo bro!

[@Sol-od7hl]

@@informaticadp Sabe como se puede hacer en el exportar PDF? para cambiar la letra y tamaño que trae por defecto..