2

Intento ordenar por ACEPTACION, como lo hago?

quiero usar DataTables de jQuery para usar

 order: [
      [3, 'asc']

let validacion = [1, 3, 5, 4, 2];
let personas = ["ana", "juan", "pedro", "maria", "gustavo"];

var html = "<table border=2 id='examples'>";
html += "<thead>";
html += "<tr><th colspan='3'>Validacion de " + " </th></tr>";
html += "<tr>";
html += "<th > Parametros </th>";
html += "<th > Aceptacion </th> </thead><tbody>";

for (let i = 0, y = 0; i < validacion.length; i++, y = y + 2) {
  html += "<tr>";
  html += "<td>" + personas[i] + "</td>";
  html += "<td>" + validacion[i] + "</td>";
  html += "</tr>";
}
html += "</tbody>";
html += "</table>";

document.getElementById("tabla").innerHTML = html;


$(document).ready(function() {
  $('#myTable').DataTable({
    "order": [
      [1, "desc"]
    ]
  });
});
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td,
th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https:////cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

<div id='tabla'>tabla</div>

1 respuesta 1

4

No estas utilizando correctamente el id de la tabla, que en tu caso es "examples" por eso el script no funciona, aqui te dejo un ejemplo funcional tomando tu código

 let validacion = [1, 3, 5, 4, 2];
      let personas = ["ana", "juan", "pedro", "maria", "gustavo"];

      var html = "<table border=2 id='examples'>";
      html += "<thead>";
      html += "<tr><th colspan='3'>Validacion de " + " </th></tr>";
      html += "<tr>";
      html += "<th > Parametros </th>";
      html += "<th > Aceptacion </th> </thead><tbody>";

      for (let i = 0, y = 0; i < validacion.length; i++, y = y + 2) {
        html += "<tr>";
        html += "<td>" + personas[i] + "</td>";
        html += "<td>" + validacion[i] + "</td>";
        html += "</tr>";
      }
      html += "</tbody>";
      html += "</table>";

      document.getElementById("tabla").innerHTML = html;


      $(document).ready(function() {
        $('#examples').DataTable({
          "order": [
            [1, "desc"]
          ]
        });
      });
 <div id="tabla"></div>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script src="https:////cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

2
  • edite mi pregunta con un ejemplo real de mi aplicacion,
    – hubman
    Commented el 19 dic. 2018 a las 15:38
  • Ahi edite mi respuesta acorde a tu nueva version de la pregunta
    – Pedro
    Commented el 19 dic. 2018 a las 16:18

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.