JSFiddle - React, Tailwind, and code Playground

reordena arrai e redibuxa taboa

by abubelinha

HTML

<span id=titulo></span>
<table id=mitabla border=1>
<tr><td onclick="sortable('mitabla',databla,0);">bla</td>
<th onclick="sortable('mitabla',databla,1);">bla</th>
<th onclick="sortable('mitabla',databla,2);">bla</th></tr>
<tr><td>bla</td><td>bla</td><td>bla</td></tr>
<tr><td>bla</td><td>bla</td><td>bla</td></tr>
</table>

JavaScript

var databla=[["grupo","lacena","concello","localización","Lat","Lon","soporte","número por soporte","fronte","topete","abeiro lateral","pousadoiro","aspecto pousadoiro","piqueira","aspecto piqueira","altura","uso","enlaces","observacións","Fotos","inspección","autor coordenadas","orientación"],[1,1,"ESP. C. Ribeira","O Vilar",42.54917777777778,-9.018522222222224,"corte",1,"non visible","non visible","non visible","non visible","non visible","simple","non visible","baixa < 2 m","non","https://goo.gl/maps/8HU2FV2UYJK2","informada por Nacho: \"Piqueiro na fachada lateral dunha corte á altura dunha costa abaixo. Lugar de O Vilar\"","P4300684 Nacho","pendente","Nacho",""],[2,0,"ESP. C. Baña, A","Barcala",42.93147907,-8.748121262,"casa",3,"","","","","","","","","","","Salientada","01 a img_1969","","",""],[2,1,"ESP. C. Baña, A","Barcala","","","casa",0,"salientado","non","non","puntual","moldurado","simple","sinxela","alta > 2 m","non","","Salientada","01 c img_1966","","",135],[2,2,"ESP. C. Baña, A","Barcala","","","casa",0,"salientado","non","non","puntual","moldurado","simple","sinxela","alta > 2 m","non","","Salientada","01 c img_1966","","",135],[2,3,"ESP. C. Baña, A","Barcala","","","casa",0,"salientado","non","non","puntual","moldurado","simple","sinxela","alta > 2 m","non","","salientada","01 c img_1966","","",135],[3,0,"ESP. C. Baña, A","Ordoeste. Couto Carballo",42.94115606,-8.786916733,"casa",2,"","","","","","","","","","","",121001,"","",""]];
function sortable(idtable,datos,col){
   //alert("recibido click: "+idtable+':'+datos[1][col]);
  var header=datos.splice(0,1);
	datos.sort(function(a, b){//https://stackoverflow.com/a/16097058/710788
    if (a[col] === b[col]) {
        return 0;
    }
    else {
        return (a[col] < b[col]) ? -1 : 1;
    }
   });   
   datos.splice(0,0,header[0]);
   drawtable(idtable,datos);
   document.getElementById("titulo").innerHTML="tabla ordenada por columna "+col;
}
function rtd()...