Exportando datos de tablas HTML a CSV y formato de hoja de cálculo: programación del snippet en lenguaje Javascript en versiones con y sin JQuery...

_{Tabla 1: Movimientos bancarios}

Fecha de transacción	Fecha efectiva	Referencia	Descripción	Monto
23/03/2018	23/03/2018	0385990177	COMPRA POS	-102.000,00
27/03/2018	27/03/2018	0008063859	RETIRO POR TAQUILLA	-50.000,00
28/03/2018	28/03/2018	0000000000	INTERESES	3.043,08

<table id="tabla_datos" >
 <thead>
      <th>Fecha de transacción</th>
      <th>Fecha efectiva</th>
      <th>Referencia</th>
      <th>Descripción</th>
      <th>Monto</th>
    </tr>
  </thead>
  <tbody>
  <?php
    //Hacemos la consulta a la DB:
    $sql = "SELECT FechaTransaccion, FechaEfectiva,"
    $sql .= " FechaTransaccion, FechaEfectiva,";
    $sql .= " Descripcion, Monto";
    $sql .= " FROM Movimientos LIMIT 20";
    $res = mysqli_query($conexion, $sql) or die("Error de DB:". mysqli_error($conexion));
    while($reg = mysqli_fetch_assoc($res)) {
    
    //Rellenamos las celdas de la tabla:
  ?>
    <tr>
      <td><?php echo $reg['FechaTransaccion'];?></td>
      <td><?php echo $reg['FechaEfectiva'];?></td>
      <td><?php echo $reg['Referencia'];?></td>
      <td><?php echo $reg['Descripcion'];?></td>
      <td><?php echo $reg['Monto'];?></td>
    </tr>
  <?php } ?>
  </tbody>
</table>

CREATE TABLE Movimientos (
Id int NOT NULL,
FechaTransaccion date NOT NULL,
FechaEfectiva date NOT NULL,
Referencia int NOT NULL,
Descripcion varchar(255) NOT NULL,
Monto double NOT NULL)

<?php //Insertamos un botón para la descarga: ?>
<input type="button" class="exportar" value="exportar" id="exportar">

 Ahora se importa el código javascript al documento HTML:

<?php //Insertamos el código javascript que hace el trabajo: ?>
<script type="text/javascript" src="exportacion.js"></script>

/* Esta función extrae el contenido de las celdas y crea un<
 * objeto Array con ella, para luego enviárselas a
 * 'exportToCsv'.
 */
function exportToCsv(nombreArchivo, filas) {
  var processRow = function (row) {
    var valorFinal = "";
    for (var j = 0; j < row.length; j++) {
      var valorInner = row[j] === null ? "" : row[j].toString();
      if (row[j] instanceof Date) {
        valorInner = row[j].toLocaleString();
      };
      var result = valorInner.replace(/"/g, '""');
      if (result.search(/("|,|\n)/g) >= 0)
        result = '"' + result + '"';
      if (j > 0)
        valorFinal += ',';
      valorFinal += result;
    }
    return valorFinal + '\n';
  };
  var archivoCsv = '';
  for (var i = 0; i < filas.length; i++) {
    archivoCsv += processRow(filas[i]);
  }
  var blob = new Blob([archivoCsv], { type: 'text/csv;charset=utf-8;' });
  if (navigator.msSaveBlob) { // IE 10+
    navigator.msSaveBlob(blob, nombreArchivo);
  } 
  else {
    var link = document.createElement("a");
    if (link.download !== undefined) {
      // Navegadores que soportan el atributo de descarga de HTML5
      var url = URL.createObjectURL(blob);
      link.setAttribute("href", url);
      link.setAttribute("download", nombreArchivo);
      link.style.visibility = 'hidden';
      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
    }
  }
}
/* Esta función extrae el contenido de las celdas y crea un
 * objeto Array con ella, para luego enviárselas a
 * 'exportToCsv'.
 */
function exportarACSV(){
  alert("en exportar")
  arreglo = Array()
  table = document.getElementById('tabla_datos')
  for (var i=0;i < table.rows.length; i++){
    afilas = Array()
    nceldas = table.rows[i].getElementsByTagName("th")
    for (var j=0; j<nceldas.length; j++){
      afilas.push(nceldas[j].innerHTML)
    }
    nceldas = table.rows[i].getElementsByTagName("td")
    for (var j=0; j<nceldas.length; j++){
      afilas.push(nceldas[j].innerHTML)
    }
    arreglo.push(afilas)
  }
  alert(arreglo);
  resp = exportToCsv("archivo.csv", arreglo)
}
//Asignamos una manejador del evento click al botón html:
document.getElementById('exportar').addEventListener('click',exportarACSV, false);

<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='tableExport/tableExport.js'></script>
<script type='text/javascript' src='tableExport/jquery.base64.js'></script>
<script src='js/exportacion2.js'></script>

Y el script contenido en exportación2.js correspondería con este:

//Usando JQuery para solucionar la exportación:
$( document ).ready(function() {
  $(".exportar").click(function() {
    var export_type = $(this).data('export-type');
    $('#tabla_datos').tableExport();
  });
});

_{Imagen 1: Captura de pantalla como demostración del funcionamiento del script. Fuente: el autor. Licencia: dominio público.}

_{Imagen 2: Captura de pantalla del archivo descargado y abierto con un programa de hoja de cálculo (Calc). Fuente: el autor. Licencia: dominio público.}

REFERENCIAS:

-Entrada "How to export JavaScript array info to csv" disponible en StackOverFlow.com

-Repositorio en GitHub.com de la librería TableExport

Nota: la imagen de portada es de MTZD y es de licencia: dominio público. Todo el código que he programado y publicado aquí debe ser considerado de dominio público