0

tengo este codigo, que me crea la tabla y me trae todo, como hago que loque traiga se comvierta en en laces

function crearTabla(){
  var data = getData();

  var tabla = '<table border = "1">\n';

  for(var i = 0; i < data.length; i++){

    tabla += '<tr">';
    for(var j = 0; j < data[0].length; j++){
      tabla += '<td>' + data[i][j] + '</td>'
    }
    tabla += '</tr>\n';
  }
  tabla += '</table>';
  return tabla;
}
1
  • supongo que lo que necesitas es que cada celda que creas quede con un enlace a una pagina?
    – srJJ
    el 14 may. 2019 a las 2:36

2 respuestas 2

0

Debes hacer crear la etiqueta "a" dentro de las etiquetas "td" y asi esa celda quedaria como un enlace, asi

function crearTabla(){

var data = getData();

  var tabla = '<table border = "1">\n';

  for(var i = 0; i < data.length; i++){

    tabla += '<tr">';
    for(var j = 0; j < data[0].length; j++){
                    //aqui genera el enlace tambien puedes darte un type buton  o darle clases 
                    //de bootstrap para que se muestrecomo boton
          tabla += '<td><a href="aqui_tu_url_destino">' + data[i][j] + '</a></td>'
        }
        tabla += '</tr>\n';
      }
      tabla += '</table>';
      return tabla;
    }
2
  • es lo que estoy buscando, el codigo todo lo combierte en enlacens sin embargo, no abre la pagina que selecciono, en la parte del "aqui_tu_url_destino" puede ser x o y, ya que el for trae un tabla que esta en un hoja de calculo con datos x
    – angel
    el 15 may. 2019 a las 3:29
  • Lo que quieres es que no importa en que parte de la table des "click" te dirija a una ruta en especial ?
    – srJJ
    el 4 jun. 2019 a las 22:32
0

Si cada dato x que mencionas, tiene una url especifica, te recomiendo que el dato x le asigne a otra variable, la url.

function crearTabla(){

var data = getData();



  var tabla = '<table border = "1">\n';

  for(var i = 0; i < data.length; i++){

    tabla += '<tr">';
    for(var j = 0; j < data[0].length; j++){
                // la variable url dependiendo los datos cargados
                const datosX = data[i][j]; 
                const url;
                switch (datosX) {
                      case 1:
                        url='la respectiva url';
                        break;
                      case 2:
                        url='la respectiva url';
                        break;
                        //la cantidad de casos que se necesiten
                      }

                              
        tabla += '<td><a href="${url}">' + data[i][j] + '</a></td>'
        }
        tabla += '</tr>\n';
      }
      tabla += '</table>';
      return tabla;
    }

El código tiene la base que proporcionaste, los cambios que te han sugerido, y mi parte.

Los que supongo es que los 'dato[i][j]' son pocos y tienen cada uno Url.

el Switch asigna la url dependiendo del 'dato[i][j], que reciba.

1

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

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