Skip to main content
se eliminaron 213 caracteres en el cuerpo
Origen Enlace

Estoy Actualizando mis código javascript usando la comillas invertidas en lugar de la comillas simples, me parece mas fácil al leer el código html y javascript, por eso decide usar las comillas invertidas, pero tengo un problema al momento de aplicar las comillas invertidas, resulta que la función format() sus llaves no se cierran y parece que afectan a las demás funciones, quise subir una imagen pero stackoverflow me dice que no puedo subir una imagen del código fuente.

    // verificamos si nos esta llegando la informacion de una fila
    console.log(d);
    var html = '<div>';
    html += '<h4 class="text-center text-info">' + 'Productos vendidos a : '+ ' ' + d.cli.names.toUpperCase() + '</h4>';
    html+='<table class="table table-bordered table-striped">';
    html += '<thead>';
    html += '<tr><th>Producto</th><th>Categoria</th><th>Precio</th><th>Cantidad</th><th>SubTotal</th></tr>';
    html += '</thead>';
    html += '<tbody>';
    $.each(d.det, function(key, value) {
        console.log(value.prod.name);
    
        html += '<tr>';
        html += '<td>'+value.prod.name+'</td>';
        html += '<td>'+value.prod.cat.name+'</td>';
        html += '<td>'+value.price+'</td>';
        html += '<td>'+value.cant+'</td>';
        html += '<td>'+value.subtotal+'</td>';
        html += '</tr>';
    }); 
    html += '</tbody>';
    html += '</div>';
    
    return html;


}```

y que se vea algo parecido a esto usando la comillas invertida, el problema que tengo es que la llave de la función no solo afecta a este código sino a las demás funciones que esta debajo es como si la llave que cierra el
 código no cerrara y afecta a la demás funciones

```function format(d) {
    // verificamos si nos esta llegando la información de una fila
    console.log(d);
    var html =
        `<div>
            <h4 class="text-center text-info"> Productos vendidos a :  ${d.cli.names.toUpperCase()} </h4>
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>Producto</th>
                        <th>Categoria</th>
                        <th>Precio</th>
                        <th>Cantidad</th>
                        <th>SubTotal</th>
                    </tr>
                </thead>
                <tbody>
                >todo se me complico al querer pasar este recorrido de objetos, esta bien colocar la comillas invertidas ahi o como deberia hacer para poder rellanar lo campos al hacer cada recorrido
                ${$.each(d.det, function (key, value) {
                    console.log(value.prod.name);
                    html += `
                                <tr>
                                    <td>${value.prod.name}</td>
                                    <td>${value.prod.cat.name}</td>
                                    <td>${value.price}</td>
                                    <td>${value.cant}</td>
                                    <td>${value.subtotal}</td>
                            </tr>
                        `
                })}
            
            
            
                </tbody>
            </table>
        </div>`;
    return html;
}```

coloco este texto banal porque no me deja subir si no doy mas detalles, pero ya di todo 


 // verificamos si nos esta llegando la informacion de una fila
function format(d) {
    console.log(d);
    var html = '<div>';
    html += '<h4 class="text-center text-info">' + 'Productos vendidos a : '+ ' ' + d.cli.names.toUpperCase() + '</h4>';
    html+='<table class="table table-bordered table-striped">';
    html += '<thead>';
    html += '<tr><th>Producto</th>'
    html += '<th>Categoria</th>'
    html += '<th>Precio</th>'
    html += '<th>Cantidad</th>'
    html += '<th>SubTotal</th></tr>';
    html += '</thead>';
    html += '<tbody>';
    $.each(d.det, function(key, value) {
        console.log(value.prod.name);
    
        html += '<tr>';
        html += '<td>'+value.prod.name+'</td>';
        html += '<td>'+value.prod.cat.name+'</td>';
        html += '<td>'+value.price+'</td>';
        html += '<td>'+value.cant+'</td>';
        html += '<td>'+value.subtotal+'</td>';
        html += '</tr>';
    }); 
    html += '</tbody>';
    html += '</div>';
    
    return html;


}

y que se vea algo parecido a esto usando la comillas invertida, el problema que 
tengo es que la llave de la función no solo afecta a este 
código sino a las demás funciones que esta debajo es como 
si la llave que cierra el
 código no cerrara y afecta a la demás funciones

function format(d) {
    // verificamos si nos esta llegando la información de una fila
    console.log(d);
    var html =
        `<div>
            <h4 class="text-center text-info"> Productos vendidos a :  ${d.cli.names.toUpperCase()} </h4>
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>Producto</th>
                        <th>Categoria</th>
                        <th>Precio</th>
                        <th>Cantidad</th>
                        <th>SubTotal</th>
                    </tr>
                </thead>
                <tbody>
todo se me complico al querer pasar este recorrido de objetos, 
esta bien colocar la comillas invertidas ahi o como deberia hacer para poder rellanar lo campos al hacer cada recorrido
               ${$.each(d.det, function (key, value) {
                    console.log(value.prod.name);
                    `<tr>
                        <td>${value.prod.name}</td>
                        <td>${value.prod.cat.name}</td>
                        <td>${value.price}</td>
                        <td>${value.cant}</td>
                        <td>${value.subtotal}</td>
                     </tr>`
                })}
                </tbody>
            </table>
        </div>`;
    return html;
}```





Estoy Actualizando mis código javascript usando la comillas invertidas en lugar de la comillas simples, me parece mas fácil al leer el código html y javascript, por eso decide usar las comillas invertidas, pero tengo un problema al momento de aplicar las comillas invertidas, resulta que la función format() sus llaves no se cierran y parece que afectan a las demás funciones, quise subir una imagen pero stackoverflow me dice que no puedo subir una imagen del código fuente

    // verificamos si nos esta llegando la informacion de una fila
    console.log(d);
    var html = '<div>';
    html += '<h4 class="text-center text-info">' + 'Productos vendidos a : '+ ' ' + d.cli.names.toUpperCase() + '</h4>';
    html+='<table class="table table-bordered table-striped">';
    html += '<thead>';
    html += '<tr><th>Producto</th><th>Categoria</th><th>Precio</th><th>Cantidad</th><th>SubTotal</th></tr>';
    html += '</thead>';
    html += '<tbody>';
    $.each(d.det, function(key, value) {
        console.log(value.prod.name);
    
        html += '<tr>';
        html += '<td>'+value.prod.name+'</td>';
        html += '<td>'+value.prod.cat.name+'</td>';
        html += '<td>'+value.price+'</td>';
        html += '<td>'+value.cant+'</td>';
        html += '<td>'+value.subtotal+'</td>';
        html += '</tr>';
    }); 
    html += '</tbody>';
    html += '</div>';
    
    return html;


}```

y que se vea algo parecido a esto usando la comillas invertida, el problema que tengo es que la llave de la función no solo afecta a este código sino a las demás funciones que esta debajo es como si la llave que cierra el
 código no cerrara y afecta a la demás funciones

```function format(d) {
    // verificamos si nos esta llegando la información de una fila
    console.log(d);
    var html =
        `<div>
            <h4 class="text-center text-info"> Productos vendidos a :  ${d.cli.names.toUpperCase()} </h4>
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>Producto</th>
                        <th>Categoria</th>
                        <th>Precio</th>
                        <th>Cantidad</th>
                        <th>SubTotal</th>
                    </tr>
                </thead>
                <tbody>
                >todo se me complico al querer pasar este recorrido de objetos, esta bien colocar la comillas invertidas ahi o como deberia hacer para poder rellanar lo campos al hacer cada recorrido
                ${$.each(d.det, function (key, value) {
                    console.log(value.prod.name);
                    html += `
                                <tr>
                                    <td>${value.prod.name}</td>
                                    <td>${value.prod.cat.name}</td>
                                    <td>${value.price}</td>
                                    <td>${value.cant}</td>
                                    <td>${value.subtotal}</td>
                            </tr>
                        `
                })}
            
            
            
                </tbody>
            </table>
        </div>`;
    return html;
}```

coloco este texto banal porque no me deja subir si no doy mas detalles, pero ya di todo 


Estoy Actualizando mis código javascript usando la comillas invertidas en lugar de la comillas simples, me parece mas fácil al leer el código html y javascript, por eso decide usar las comillas invertidas, pero tengo un problema al momento de aplicar las comillas invertidas, resulta que la función format() sus llaves no se cierran y parece que afectan a las demás funciones, quise subir una imagen pero stackoverflow me dice que no puedo subir una imagen del código fuente.

 // verificamos si nos esta llegando la informacion de una fila
function format(d) {
    console.log(d);
    var html = '<div>';
    html += '<h4 class="text-center text-info">' + 'Productos vendidos a : '+ ' ' + d.cli.names.toUpperCase() + '</h4>';
    html+='<table class="table table-bordered table-striped">';
    html += '<thead>';
    html += '<tr><th>Producto</th>'
    html += '<th>Categoria</th>'
    html += '<th>Precio</th>'
    html += '<th>Cantidad</th>'
    html += '<th>SubTotal</th></tr>';
    html += '</thead>';
    html += '<tbody>';
    $.each(d.det, function(key, value) {
        console.log(value.prod.name);
    
        html += '<tr>';
        html += '<td>'+value.prod.name+'</td>';
        html += '<td>'+value.prod.cat.name+'</td>';
        html += '<td>'+value.price+'</td>';
        html += '<td>'+value.cant+'</td>';
        html += '<td>'+value.subtotal+'</td>';
        html += '</tr>';
    }); 
    html += '</tbody>';
    html += '</div>';
    
    return html;


}

y que se vea algo parecido a esto usando la comillas invertida, el problema que 
tengo es que la llave de la función no solo afecta a este 
código sino a las demás funciones que esta debajo es como 
si la llave que cierra el
 código no cerrara y afecta a la demás funciones

function format(d) {
    // verificamos si nos esta llegando la información de una fila
    console.log(d);
    var html =
        `<div>
            <h4 class="text-center text-info"> Productos vendidos a :  ${d.cli.names.toUpperCase()} </h4>
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>Producto</th>
                        <th>Categoria</th>
                        <th>Precio</th>
                        <th>Cantidad</th>
                        <th>SubTotal</th>
                    </tr>
                </thead>
                <tbody>
todo se me complico al querer pasar este recorrido de objetos, 
esta bien colocar la comillas invertidas ahi o como deberia hacer para poder rellanar lo campos al hacer cada recorrido
               ${$.each(d.det, function (key, value) {
                    console.log(value.prod.name);
                    `<tr>
                        <td>${value.prod.name}</td>
                        <td>${value.prod.cat.name}</td>
                        <td>${value.price}</td>
                        <td>${value.cant}</td>
                        <td>${value.subtotal}</td>
                     </tr>`
                })}
                </tbody>
            </table>
        </div>`;
    return html;
}```





se eliminaron 916 caracteres en el cuerpo
Origen Enlace

Como puedo pasar este codigo y usarEstoy Actualizando mis código javascript usando la comilla invertida
coloco este texto banal porque nocomillas invertidas en lugar de la comillas simples, me deja subir si no doyparece mas detallesfácil al leer el código html y javascript, pero ya di todo

los detalles Mínimo no implica breve - no sacrifiques la comunicación por motivoseso decide usar las comillas invertidas, pero tengo un problema al momento de brevedad. Usa nombramientos y hendiduras consistentes yaplicar las comillas invertidas, resulta que la función format() sus llaves no se te olvide incluir comentarios si necesitas explicar partes del código. La mayoría de los editores de código tienen atajos para formatear - ¡encuéntraloscierran y usalos! Por igualparece que afectan a las demás funciones, no uses tabs - estos se ven bien en tu editorquise subir una imagen pero stackoverflow me dice que no en Stack Overflow. Aquí, crean un desastre.puedo subir una imagen del código fuente

    // verificamos si nos esta llegando la informacion de una fila
    console.log(d);
    var html = '<div>';
    html += '<h4 class="text-center text-info">' + 'Productos vendidos a : '+ ' ' + d.cli.names.toUpperCase() + '</h4>';
    html+='<table class="table table-bordered table-striped">';
    html += '<thead>';
    html += '<tr><th>Producto</th><th>Categoria</th><th>Precio</th><th>Cantidad</th><th>SubTotal</th></tr>';
    html += '</thead>';
    html += '<tbody>';
    $.each(d.det, function(key, value) {
        console.log(value.prod.name);
    
        html += '<tr>';
        html += '<td>'+value.prod.name+'</td>';
        html += '<td>'+value.prod.cat.name+'</td>';
        html += '<td>'+value.price+'</td>';
        html += '<td>'+value.cant+'</td>';
        html += '<td>'+value.subtotal+'</td>';
        html += '</tr>';
    }); 
    html += '</tbody>';
    html += '</div>';
    
    return html;


}```


coloco este texto banal porque no me deja subir si no doy mas detalles, pero ya di todo 

los detalles Mínimo no implica breve - no sacrifiques la comunicación por motivos de brevedad. Usa nombramientos y hendiduras consistentes y no se te olvide incluir comentarios si necesitas explicar partes del código. La mayoría de los editores de código tienen atajos para formatear - ¡encuéntralos y usalos! Por igual, no uses tabs - estos se ven bien en tu editor pero no en Stack Overflow. Aquí, crean un desastre.


y que se vea algo parecido a esto usando la comillas invertida, el problema que tengo es que la llave de la función no solo afecta a este código sino a las demás funciones que esta debajo es como si la llave que cierra el
 código no cerrara y afecta a la demás funciones

```function format(d) {
    // verificamos si nos esta llegando la información de una fila
    console.log(d);
    var html =
        `<div>
            <h4 class="text-center text-info"> Productos vendidos a :  ${d.cli.names.toUpperCase()} </h4>
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>Producto</th>
                        <th>Categoria</th>
                        <th>Precio</th>
                        <th>Cantidad</th>
                        <th>SubTotal</th>
                    </tr>
                </thead>
                <tbody>
                >como>todo puedose incluirme estecomplico códigoal dentroquerer pasar este recorrido de lasobjetos, esta bien colocar la comillas invertidas ahi o como deberia hacer para poder rellanar lo campos al hacer cada recorrido
                ${$.each(d.det, function (key, value) {
                    console.log(value.prod.name);
                    html += `
                                <tr>
                                    <td>${value.prod.name}</td>
                                    <td>${value.prod.cat.name}</td>
                                    <td>${value.price}</td>
                                    <td>${value.cant}</td>
                                    <td>${value.subtotal}</td>
                            </tr>
                        `
                })}
            
            
            
                </tbody>
            </table>
        </div>`;
    return html;
}```

coloco este texto banal porque no me deja subir si no doy mas detalles, pero ya di todo 
 
los detalles Mínimo no implica breve - no sacrifiques la comunicación por motivos de brevedad. Usa nombramientos y hendiduras consistentes y no se te olvide incluir comentarios si necesitas explicar partes del código. La mayoría de los editores de código tienen atajos para formatear - ¡encuéntralos y usalos! Por igual, no uses tabs - estos se ven bien en tu editor pero no en Stack Overflow. Aquí, crean un desastre.

Como puedo pasar este codigo y usar la comilla invertida
coloco este texto banal porque no me deja subir si no doy mas detalles, pero ya di todo

los detalles Mínimo no implica breve - no sacrifiques la comunicación por motivos de brevedad. Usa nombramientos y hendiduras consistentes y no se te olvide incluir comentarios si necesitas explicar partes del código. La mayoría de los editores de código tienen atajos para formatear - ¡encuéntralos y usalos! Por igual, no uses tabs - estos se ven bien en tu editor pero no en Stack Overflow. Aquí, crean un desastre.

    // verificamos si nos esta llegando la informacion de una fila
    console.log(d);
    var html = '<div>';
    html += '<h4 class="text-center text-info">' + 'Productos vendidos a : '+ ' ' + d.cli.names.toUpperCase() + '</h4>';
    html+='<table class="table table-bordered table-striped">';
    html += '<thead>';
    html += '<tr><th>Producto</th><th>Categoria</th><th>Precio</th><th>Cantidad</th><th>SubTotal</th></tr>';
    html += '</thead>';
    html += '<tbody>';
    $.each(d.det, function(key, value) {
        console.log(value.prod.name);
    
        html += '<tr>';
        html += '<td>'+value.prod.name+'</td>';
        html += '<td>'+value.prod.cat.name+'</td>';
        html += '<td>'+value.price+'</td>';
        html += '<td>'+value.cant+'</td>';
        html += '<td>'+value.subtotal+'</td>';
        html += '</tr>';
    }); 
    html += '</tbody>';
    html += '</div>';
    
    return html;


}```


coloco este texto banal porque no me deja subir si no doy mas detalles, pero ya di todo 

los detalles Mínimo no implica breve - no sacrifiques la comunicación por motivos de brevedad. Usa nombramientos y hendiduras consistentes y no se te olvide incluir comentarios si necesitas explicar partes del código. La mayoría de los editores de código tienen atajos para formatear - ¡encuéntralos y usalos! Por igual, no uses tabs - estos se ven bien en tu editor pero no en Stack Overflow. Aquí, crean un desastre.


y que se vea algo parecido a esto usando la comillas invertida, el problema que tengo es que la llave de la función no solo afecta a este código sino a las demás funciones que esta debajo es como si la llave que cierra el
 código no cerrara y afecta a la demás funciones

```function format(d) {
    // verificamos si nos esta llegando la información de una fila
    console.log(d);
    var html =
        `<div>
            <h4 class="text-center text-info"> Productos vendidos a :  ${d.cli.names.toUpperCase()} </h4>
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>Producto</th>
                        <th>Categoria</th>
                        <th>Precio</th>
                        <th>Cantidad</th>
                        <th>SubTotal</th>
                    </tr>
                </thead>
                <tbody>
                >como puedo incluir este código dentro de las comillas invertidas
                ${$.each(d.det, function (key, value) {
                    console.log(value.prod.name);
                    html += `
                                <tr>
                                    <td>${value.prod.name}</td>
                                    <td>${value.prod.cat.name}</td>
                                    <td>${value.price}</td>
                                    <td>${value.cant}</td>
                                    <td>${value.subtotal}</td>
                            </tr>
                        `
                })}
            
            
            
                </tbody>
            </table>
        </div>`;
    return html;
}```

coloco este texto banal porque no me deja subir si no doy mas detalles, pero ya di todo 
 
los detalles Mínimo no implica breve - no sacrifiques la comunicación por motivos de brevedad. Usa nombramientos y hendiduras consistentes y no se te olvide incluir comentarios si necesitas explicar partes del código. La mayoría de los editores de código tienen atajos para formatear - ¡encuéntralos y usalos! Por igual, no uses tabs - estos se ven bien en tu editor pero no en Stack Overflow. Aquí, crean un desastre.

Estoy Actualizando mis código javascript usando la comillas invertidas en lugar de la comillas simples, me parece mas fácil al leer el código html y javascript, por eso decide usar las comillas invertidas, pero tengo un problema al momento de aplicar las comillas invertidas, resulta que la función format() sus llaves no se cierran y parece que afectan a las demás funciones, quise subir una imagen pero stackoverflow me dice que no puedo subir una imagen del código fuente

    // verificamos si nos esta llegando la informacion de una fila
    console.log(d);
    var html = '<div>';
    html += '<h4 class="text-center text-info">' + 'Productos vendidos a : '+ ' ' + d.cli.names.toUpperCase() + '</h4>';
    html+='<table class="table table-bordered table-striped">';
    html += '<thead>';
    html += '<tr><th>Producto</th><th>Categoria</th><th>Precio</th><th>Cantidad</th><th>SubTotal</th></tr>';
    html += '</thead>';
    html += '<tbody>';
    $.each(d.det, function(key, value) {
        console.log(value.prod.name);
    
        html += '<tr>';
        html += '<td>'+value.prod.name+'</td>';
        html += '<td>'+value.prod.cat.name+'</td>';
        html += '<td>'+value.price+'</td>';
        html += '<td>'+value.cant+'</td>';
        html += '<td>'+value.subtotal+'</td>';
        html += '</tr>';
    }); 
    html += '</tbody>';
    html += '</div>';
    
    return html;


}```

y que se vea algo parecido a esto usando la comillas invertida, el problema que tengo es que la llave de la función no solo afecta a este código sino a las demás funciones que esta debajo es como si la llave que cierra el
 código no cerrara y afecta a la demás funciones

```function format(d) {
    // verificamos si nos esta llegando la información de una fila
    console.log(d);
    var html =
        `<div>
            <h4 class="text-center text-info"> Productos vendidos a :  ${d.cli.names.toUpperCase()} </h4>
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>Producto</th>
                        <th>Categoria</th>
                        <th>Precio</th>
                        <th>Cantidad</th>
                        <th>SubTotal</th>
                    </tr>
                </thead>
                <tbody>
                >todo se me complico al querer pasar este recorrido de objetos, esta bien colocar la comillas invertidas ahi o como deberia hacer para poder rellanar lo campos al hacer cada recorrido
                ${$.each(d.det, function (key, value) {
                    console.log(value.prod.name);
                    html += `
                                <tr>
                                    <td>${value.prod.name}</td>
                                    <td>${value.prod.cat.name}</td>
                                    <td>${value.price}</td>
                                    <td>${value.cant}</td>
                                    <td>${value.subtotal}</td>
                            </tr>
                        `
                })}
            
            
            
                </tbody>
            </table>
        </div>`;
    return html;
}```

coloco este texto banal porque no me deja subir si no doy mas detalles, pero ya di todo 


Origen Enlace

Como cambiar las comillas invertidas correctamente javascript

Como puedo pasar este codigo y usar la comilla invertida
coloco este texto banal porque no me deja subir si no doy mas detalles, pero ya di todo

los detalles Mínimo no implica breve - no sacrifiques la comunicación por motivos de brevedad. Usa nombramientos y hendiduras consistentes y no se te olvide incluir comentarios si necesitas explicar partes del código. La mayoría de los editores de código tienen atajos para formatear - ¡encuéntralos y usalos! Por igual, no uses tabs - estos se ven bien en tu editor pero no en Stack Overflow. Aquí, crean un desastre.

    // verificamos si nos esta llegando la informacion de una fila
    console.log(d);
    var html = '<div>';
    html += '<h4 class="text-center text-info">' + 'Productos vendidos a : '+ ' ' + d.cli.names.toUpperCase() + '</h4>';
    html+='<table class="table table-bordered table-striped">';
    html += '<thead>';
    html += '<tr><th>Producto</th><th>Categoria</th><th>Precio</th><th>Cantidad</th><th>SubTotal</th></tr>';
    html += '</thead>';
    html += '<tbody>';
    $.each(d.det, function(key, value) {
        console.log(value.prod.name);
    
        html += '<tr>';
        html += '<td>'+value.prod.name+'</td>';
        html += '<td>'+value.prod.cat.name+'</td>';
        html += '<td>'+value.price+'</td>';
        html += '<td>'+value.cant+'</td>';
        html += '<td>'+value.subtotal+'</td>';
        html += '</tr>';
    }); 
    html += '</tbody>';
    html += '</div>';
    
    return html;


}```


coloco este texto banal porque no me deja subir si no doy mas detalles, pero ya di todo 

los detalles Mínimo no implica breve - no sacrifiques la comunicación por motivos de brevedad. Usa nombramientos y hendiduras consistentes y no se te olvide incluir comentarios si necesitas explicar partes del código. La mayoría de los editores de código tienen atajos para formatear - ¡encuéntralos y usalos! Por igual, no uses tabs - estos se ven bien en tu editor pero no en Stack Overflow. Aquí, crean un desastre.


y que se vea algo parecido a esto usando la comillas invertida, el problema que tengo es que la llave de la función no solo afecta a este código sino a las demás funciones que esta debajo es como si la llave que cierra el
 código no cerrara y afecta a la demás funciones

```function format(d) {
    // verificamos si nos esta llegando la información de una fila
    console.log(d);
    var html =
        `<div>
            <h4 class="text-center text-info"> Productos vendidos a :  ${d.cli.names.toUpperCase()} </h4>
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>Producto</th>
                        <th>Categoria</th>
                        <th>Precio</th>
                        <th>Cantidad</th>
                        <th>SubTotal</th>
                    </tr>
                </thead>
                <tbody>
                >como puedo incluir este código dentro de las comillas invertidas
                ${$.each(d.det, function (key, value) {
                    console.log(value.prod.name);
                    html += `
                                <tr>
                                    <td>${value.prod.name}</td>
                                    <td>${value.prod.cat.name}</td>
                                    <td>${value.price}</td>
                                    <td>${value.cant}</td>
                                    <td>${value.subtotal}</td>
                            </tr>
                        `
                })}
            
            
            
                </tbody>
            </table>
        </div>`;
    return html;
}```

coloco este texto banal porque no me deja subir si no doy mas detalles, pero ya di todo 

los detalles Mínimo no implica breve - no sacrifiques la comunicación por motivos de brevedad. Usa nombramientos y hendiduras consistentes y no se te olvide incluir comentarios si necesitas explicar partes del código. La mayoría de los editores de código tienen atajos para formatear - ¡encuéntralos y usalos! Por igual, no uses tabs - estos se ven bien en tu editor pero no en Stack Overflow. Aquí, crean un desastre.