Un aporte, en la carga de excel carga bien los datos correctamente, pero sale un error : Invalid prop: type check failed for prop "item". Expected Object, got Array, En mi caso lo soluciones pasando cada array a object y desaparece el error En ves de mandar this.items = rows Poner e var obj = [] for(let i= 0; i
Hola estimado, podría hacer un video como importar registros desde una hoja Excel a un Data table. Ojala con esos datos hacer consultas con java script y mostrarlo en gráficos. Gracias.
Todo excelente, se puede personalizar de alguna manera? y hay un detalle que en la primera fila "A" pone los valores "0" al tamaño del array (mi caso 7) alguna manera de evitarlo?
Hola julio, muchas gracias por tu apoyo, realizaré un video donde mostraré diferentes personalizaciones de la tabla. Te recomiendo mi nuevo video donde se puede navegar por diferentes hojas del documento: th-cam.com/video/3pnd59F2Eww/w-d-xo.html
Excente video, una pregunta el Archivo Excel debe ser guardado de alguna forma especifica o debe tener alguna estructura en la tabla? porque eh seguido los pasos y no me muestra el contenido del excel
Hola Saul, necesitarías enviar el json obtenido a tu backend y ahí guardarlo en la bd, te invito para que revises mi curso de backend con nodejs y express: th-cam.com/video/F5oOq-FWUl4/w-d-xo.html
Hola anonimo, cuando se sube la tabla queda almacenado como un json, podrías basarte en otro de mis videos para hacer el crud. th-cam.com/video/0lSVtJHCcMA/w-d-xo.html
Hola, buen video.. Como podría establecer el tipo de celda, ya que cuando exporto valores que tienen el 0 adelante, este me lo quita.. Quiero establecer una celda especifica de tipo de Texto
Puedes generar un arreglo de cabeceras y asignarla dependiendo de la tabla que vallas a mostrar, o sacar la primera fila del arreglo y asignárselo al encabezado.
Hola pedro, en la documentación aparecen varias opciones a trabes de type - (optional) The type of the value. Defines how the cell value will be parsed. If no type is specified then the cell value is returned "as is": as a string, number, date or boolean. A type could be a: Built-in type: String Number Boolean Date "Utility" type exported from the library: Integer Email URL Custom type: A function that receives a cell value and returns a parsed value. If the value is invalid, it should throw an error with the error message set to the error code. npmjs.com/package/read-excel-file
Excelente video , pero una consulta al momento de importal archivos con 4000 o 5000 filas al v-data-table , cuando busco por el prop :search se empieza a colgar , hay alguna manera de buscar asincronamente sin que el usuario final note ese pequeño tiro de tiempo congelado que da al pulsar cada tecla ?
Hola César, muchas gracias por tu apoyo. Se me ocurre que no le pases a la data-table todos los datos importados del Excel, sino que crees otra variable a la cual le vas inyectado datos a medida que navegues por la paginación. Así tendrías todo el control de la información que visualiza el cliente.
@@cesararangoweb , si por favor te lo agradecería bastante , por que además de ello he notado que cuando importo datos desde una api con mas de 3000 ítems se por cada pulsación se empieza a lentear el datatable y en realidad aun no entiendo la logica que usa xq se supone que la busqueda es en memoria por los datos obtenido
Buenas noches, sabes cómo puedo cambiar los nombres de mi arreglo cuando importo el excel, por ejemplo me está llegando así: 0: 83 1: Laura 2: F Pero yo quiero que salga así: Id: 83 name: Laura gender: F Osea cambiarle el 0,1,2 por id,name y gender
Hola Daniela, podrías revisar este método. Este enfoque crea un nuevo objeto con las nuevas propiedades, es para una estructura -simple- como la utilizaste. De pocos campos. var arreglo = [{ nombre: 'Luis', apellido: 'Gonzales' }, { nombre: 'Maria', apellido: 'Perez' }, { nombre: 'Ignacia', apellido: 'Valdebenito' }]; // para cada elemento, se crea un nuevo objeto con las nuevas propiedades. var arreglado = arreglo.map( item => { return { nombreUsuario: item.nombre , apellidoUsuario : item.apellido }; }); console.log(arreglado); Cuidado! Esta sintaxis no funcionara en versiones viejas de node 3.x, ni en navegadores viejos. Si necesitas hacerlo para node 3.x o navegadores viejos es muy parecido, debes cambiar la función flecha por una declaración normal y utilizar lodash.js o similar para tener la función map.
![Exportar a PDF con vuejs [ Vuejs En Español ]](http://i.ytimg.com/vi/weiaZBQ0BXo/mqdefault.jpg)
![[FULL EP.16] เซียนพาลุย "เผือก-ฟรอยด์" กรี๊ดลั่น จนปูหนี | เฮ็ดอย่างเซียนหรั่ง | One Playground](http://i.ytimg.com/vi/FsqUvwS3b-Y/mqdefault.jpg)
Importar múltiples hojas de Excel: th-cam.com/video/3pnd59F2Eww/w-d-xo.html
Hola amigo cómo puedo hacer esa tabla crud que modifique los datos pero exportando el Excel
Excelente me despejamos muchas dudas, todo muy claro 👌
Muchas gracias Jhon.
Hola Cesar buen aporte sigue !!! Ayudas muchos
Gracias YP, es con mucho gusto, gracias por tu apoyo. Recomiendame temas para ir creciendo en el canal.
@@cesararangoweb seria genial ver VUE 3 compisition API parte practica.Sigue asi !!
@@yp-pro1459 Muchas gracias, termino unos videos mas y empiezo con VUE 3 compisition API
i don't get get your language but this video solve my problem, i used to search it for a week, thanks and keep it up
I am very happy to help you, thank you very much for your comment.
Hola soft, aquí tienes el video: th-cam.com/video/3pnd59F2Eww/w-d-xo.html
excelente video, me gustaria ver temas de realizar carrucel en vue pero sin usar bootstrap...
Hola Rocío, gracias por tu apoyo, con que framework te gustaría???
Excelente recurso!, Gracias
Hola William, muchas gracias por tu apoyo.
Gran aporte Cesar, sabes de alguno que me funcione con vue 2.6.11
Muchas gracias, voy a revisar.
@@cesararangoweb te agradecería mucho
Buen aporte! me gustaria saber si pudieras ayudarme para manejar errores en el caso de que el archivo no se pudiera leer
Hola Ruby, gracias por tu apoyo, claro que si, en la medida de mi tiempo podríamos revisar
Un aporte, en la carga de excel carga bien los datos correctamente, pero sale un error : Invalid prop: type check failed for prop "item". Expected Object, got Array,
En mi caso lo soluciones pasando cada array a object y desaparece el error
En ves de mandar
this.items = rows
Poner e
var obj = []
for(let i= 0; i
Gracias por el aporte.
Excelente video, Podrias hace un video generando pdf
Hola Elías, gracias por tu apoyo, claro que si, cuenta con ello, prontamente subiré un nuevo video generando un pdf.
Hola estimado, podría hacer un video como importar registros desde una hoja Excel a un Data table. Ojala con esos datos hacer consultas con java script y mostrarlo en gráficos. Gracias.
Hola jazo2212 gracias por tu apoyo, eso depende de tu imaginación, y como aprovechas las librerías complementarias que se pueden aplicar.
Hola, tienes uno que sea con documentos txt o sabes de alguno?
Todo excelente, se puede personalizar de alguna manera? y hay un detalle que en la primera fila "A" pone los valores "0" al tamaño del array (mi caso 7) alguna manera de evitarlo?
Hola julio, muchas gracias por tu apoyo, realizaré un video donde mostraré diferentes personalizaciones de la tabla. Te recomiendo mi nuevo video donde se puede navegar por diferentes hojas del documento: th-cam.com/video/3pnd59F2Eww/w-d-xo.html
hola me puedes explicar que paso en el corte 9:43, es que veo algunos cambios y solo necesito el exportar, pero no me quiere funcionar.
Hola José, en ese punto defino las variables para la exportación.
Excente video, una pregunta el Archivo Excel debe ser guardado de alguna forma especifica o debe tener alguna estructura en la tabla? porque eh seguido los pasos y no me muestra el contenido del excel
hola jordanno, gracias por tu apoyo, si sigues el video paso a paso podrás obtener el mismo resultado.
No se si ya lo resolviste, pero a mi me ocurrio porque no tenia vuetify en mi proyecto. Si lo agregas a tu proyecto deberias poder verlo.
como hago para que el excel tenga estilos que ya tenia en la tabla colores y textos?
tienes lo mismo pero para exportar en word?
Hola angelo, intenta con esta dependencia: www.npmjs.com/package/@ckeditor/ckeditor5-export-word
para guardar en una tabla mysql que se necesita?
Hola Saul, necesitarías enviar el json obtenido a tu backend y ahí guardarlo en la bd, te invito para que revises mi curso de backend con nodejs y express: th-cam.com/video/F5oOq-FWUl4/w-d-xo.html
como seria si tengo ya mi tabla CRUD y eso quiero exportar a excel?
Hola TheFactsPh , gracias por tu apoyo. Solo cargala en el DOM y utiliza las mismas funcionalidades.
Tienes algo asi para los archivos en formato .pptx?
Hola andrea, por el momento no, pero revisaré que tan factible es.
podrias hacer un video que se cargue el excel y se guarde en una BD loa datos y a raiz de ahi con la tabla se haga un crud
Hola anonimo, cuando se sube la tabla queda almacenado como un json, podrías basarte en otro de mis videos para hacer el crud. th-cam.com/video/0lSVtJHCcMA/w-d-xo.html
Hola, buen video..
Como podría establecer el tipo de celda, ya que cuando exporto valores que tienen el 0 adelante, este me lo quita..
Quiero establecer una celda especifica de tipo de Texto
Y como puedo armar un encabezado personalizado
Puedes generar un arreglo de cabeceras y asignarla dependiendo de la tabla que vallas a mostrar, o sacar la primera fila del arreglo y asignárselo al encabezado.
Hola pedro, en la documentación aparecen varias opciones a trabes de type - (optional) The type of the value. Defines how the cell value will be parsed. If no type is specified then the cell value is returned "as is": as a string, number, date or boolean. A type could be a:
Built-in type:
String
Number
Boolean
Date
"Utility" type exported from the library:
Integer
Email
URL
Custom type:
A function that receives a cell value and returns a parsed value. If the value is invalid, it should throw an error with the error message set to the error code.
npmjs.com/package/read-excel-file
Excelente video , pero una consulta al momento de importal archivos con 4000 o 5000 filas al v-data-table , cuando busco por el prop :search se empieza a colgar , hay alguna manera de buscar asincronamente sin que el usuario final note ese pequeño tiro de tiempo congelado que da al pulsar cada tecla ?
Hola César, muchas gracias por tu apoyo. Se me ocurre que no le pases a la data-table todos los datos importados del Excel, sino que crees otra variable a la cual le vas inyectado datos a medida que navegues por la paginación. Así tendrías todo el control de la información que visualiza el cliente.
@@cesararangoweb , muchas gracias por la ayuda, pero y como se inyecta esos datos por pagina del v-data-table?
Te gastaría que hiciera un video sobre ello?
@@cesararangoweb , si por favor te lo agradecería bastante , por que además de ello he notado que cuando importo datos desde una api con mas de 3000 ítems se por cada pulsación se empieza a lentear el datatable y en realidad aun no entiendo la logica que usa xq se supone que la busqueda es en memoria por los datos obtenido
Envíame el archivo Excel a mi correo para revisarlo cesararangocali@gmail.com
hola, como se puede importar un excel que tiene varias hojas ?
gracias de antemano
Hola Sergio, aquí tienes el video: th-cam.com/video/3pnd59F2Eww/w-d-xo.html
Esto funciona para la extensión sql
Hola jose, específicamente a que te refieres?
De esa misma puedo hacer con los pdf ??
Realizare un nuevo video, donde podamos exportar pdf.
Hola Yooo, aquí tienes el vídeo que solicitaste: th-cam.com/video/weiaZBQ0BXo/w-d-xo.html
Necesito dar formato Json a mi base de excel para tema de facturación electrónica
Hola Claudia, que tipo de formato necesitas.
@@cesararangoweb tengo la información en excel la cual debo convertirla en formato Json
Buenas noches, sabes cómo puedo cambiar los nombres de mi arreglo cuando importo el excel, por ejemplo me está llegando así:
0: 83
1: Laura
2: F
Pero yo quiero que salga así:
Id: 83
name: Laura
gender: F
Osea cambiarle el 0,1,2 por id,name y gender
Hola Daniela, podrías revisar este método.
Este enfoque crea un nuevo objeto con las nuevas propiedades, es para una estructura -simple- como la utilizaste. De pocos campos.
var arreglo = [{
nombre: 'Luis',
apellido: 'Gonzales'
}, {
nombre: 'Maria',
apellido: 'Perez'
}, {
nombre: 'Ignacia',
apellido: 'Valdebenito'
}];
// para cada elemento, se crea un nuevo objeto con las nuevas propiedades.
var arreglado = arreglo.map( item => {
return { nombreUsuario: item.nombre , apellidoUsuario : item.apellido };
});
console.log(arreglado);
Cuidado! Esta sintaxis no funcionara en versiones viejas de node 3.x, ni en navegadores viejos. Si necesitas hacerlo para node 3.x o navegadores viejos es muy parecido, debes cambiar la función flecha por una declaración normal y utilizar lodash.js o similar para tener la función map.
@@cesararangoweb Muchas gracias si me funcionó
Hola que es ". Vue"??
Vue.js es un framework de JavaScript de código abierto para la construcción de interfaces de usuario y aplicaciones. Fue creado por Evan You.
Disculpa, Instalaste alguna herramienta dentro del proyecto?
Hola Snow, si, se instalaron dos herramientas de npm:
** read-excel-file
** export-from-json
PDF?
Hola arturo, en este video no, pero ya subiré uno sobre pdf.
un consejo, quita la musica de fondo
Hola, si muchas gracias por tu aporte, los nuevos videos no tienen sonido de fondo.
Como realizar slots en vuejs th-cam.com/video/2jzo8_Fof9I/w-d-xo.html