Question

button5.addEventListener('click', () => {
 // Fill the table content
    var tableBody="";
    tableBody=document.getElementById('tablebody');

    var queryString = 'SELECT * FROM clientes';

    connection.query(queryString, function(err, results) {
      if (err) throw err;

      console.log(results);
               //console.log('Post Titles: ', rows[3]);

        for (i = 0; i < results.length; i++) {
        tableBody += '<tr>';
        tableBody += '  <td>' + results[i].idCliente + '</td>';
        tableBody += '  <td>' + results[i].nombreCliente + '</td>';
        tableBody += '  <td>' + results[i].apellidoCliente + '</td>';
        tableBody += '  <td>' + results[i].cedulaCliente + '</td>';
        tableBody += '  <td>' + results[i].telefonoCliente + '</td>';
        tableBody += '  <td>' + results[i].celularCliente + '</td>';
        tableBody += '  <td>' + results[i].direccionCliente + '</td>';
        tableBody += '  <td>' + results[i].emailCliente + '</td>';
        tableBody += '</tr>';
        }
    });

    connection.end(() => {
            //
    });

   //
});

Comments

pudiste corregirlo? estoy en ese problema tambien si pudieras ayudar porfavor

Answer 1

Saludos

HTML
Me imagino que así es más o menos la estructura de tu tabla.

<table>
  <caption>Clientes</caption>
  <thead>
  <tr>
      <th>ID</th>
      <th>Nombre</th>
      <th>Apellidos</th>
      <th>Cédula</th>
      <th>Teléfono</th>
      <th>Celular</th>
      <th>Dirección</th>
      <th>Correo</th>
    </tr>
  </thead>
  <tbody id="tablebody">
  </tbody>
</table>

JS necesitas hacer un innerHTML para que lo inserte dentro del tbody

button5.addEventListener('click', () => {
 // Fill the table content
    var tableBody="";
    var queryString = 'SELECT * FROM clientes';
    connection.query(queryString, function(err, results) {
      if (err) throw err;
      console.log(results);
        for (i = 0; i < results.length; i++) {
        tableBody += '<tr>';
        tableBody += '  <td>' + results[i].idCliente + '</td>';
        tableBody += '  <td>' + results[i].nombreCliente + '</td>';
        tableBody += '  <td>' + results[i].apellidoCliente + '</td>';
        tableBody += '  <td>' + results[i].cedulaCliente + '</td>';
        tableBody += '  <td>' + results[i].telefonoCliente + '</td>';
        tableBody += '  <td>' + results[i].celularCliente + '</td>';
        tableBody += '  <td>' + results[i].direccionCliente + '</td>';
        tableBody += '  <td>' + results[i].emailCliente + '</td>';
        tableBody += '</tr>';
        }
        document.getElementById("tablebody").innerHTML = tableBody;
    });
    connection.end(() => { });
});

Así debería de funcionar