0

Estoy generando una tabla dinámica a través de datos en firebase, el problema es que la tabla se genera hacia un lado y no hacia abajo. Lo que quiero es que los datos se vayan apilando hacia abajo.

Así es como lo estoy haciendo:

    var content = '';  
  firebase.database().ref().child(userpais).child(userciudad)
  .on('value', function(snapshot){
  if(snapshot.exists()){
    //console.log(snapshot.key)
    content ='<tr>';  
    snapshot.forEach(function(data){
        var val = data.val();

        content += '<td>' + data.key + '</td>';
        content += '<td>' + val.Tiempo + '</td>';
        content += '<td>' + val.Total + '</td>';

    });
    content +='</tr>';
    //console.log(content)
    $("#A_UsuariosListo").empty().html(content);
    }
    });

introducir la descripción de la imagen aquí

La idea es que se vea algo así:

introducir la descripción de la imagen aquí

No sé por qué cuando trabajo con ul y li si se genera hacia abajo y con las tablas tr y td no se me están generando hacia abajo.

Espero puedan ayudarme, muchas gracias de antemano.

1 respuesta 1

4

Veo que tienes fuera del ciclo el inicio y fin de la tabla. Deberia quedar asi.

snapshot.forEach(function(data){
    var val = data.val();
    content ='<tr>';  
    content += '<td>' + data.key + '</td>';
    content += '<td>' + val.Tiempo + '</td>';
    content += '<td>' + val.Total + '</td>';
    content +='</tr>';
});
1
  • 1
    Solucionado con tu respuesta @Oswaldo. Tuve que modificarlo muy poco, muchas gracias amigo. el 2 oct. 2019 a las 13:18

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.