Skip to main content
se eliminaron 661 caracteres en el cuerpo
Origen Enlace
Pedro
  • 809
  • 6
  • 15

Te faltan los elementos <thead> y <tbody> en la tabla para que el plugin funcioneNo estas utilizando correctamente, también ten en cuenta que el índice del ordenid de las columnas comienza por cerola tabla, por lo que la columna Country noen tu caso es la 3"examples" por eso el script no funciona, sino la 2. Aquíaqui te dejo un ejemplo funcionando: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 (document)let i = 0, y = 0; i < validacion.ready(length; functioni++, (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;


      $('#myTable'document).DataTableready(function() {
        $('#examples').DataTable({
          "order": [[[
 2, "desc" ]]
         [1, "desc"]
    });
      ]
        });
      });
<link rel="stylesheet" type="text/css"<div href="https://cdn.datatables.net/1.10.19/cssid="tabla"></jquery.dataTables.min.css">div>
    <script src="https://cdnjscode.cloudflarejquery.com/ajax/libs/jquery/-3.3.1/jquery.min.js"><js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script src="https:////cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>


 <h2>HTML Table</h2>

        <table id="myTable">
          <thead>
            <tr>
              <th>Company</th>
              <th>Contact</th>
              <th>Country</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Alfreds Futterkiste</td>
              <td>Maria Anders</td>
              <td>1</td>
            </tr>
            <tr>
              <td>Centro comercial Moctezuma</td>
              <td>Francisco Chang</td>
              <td>5</td>
            </tr>
            <tr>
              <td>Ernst Handel</td>
              <td>Roland Mendel</td>
              <td>4</td>
            </tr>
            <tr>
              <td>Island Trading</td>
              <td>Helen Bennett</td>
              <td>3</td>
            </tr>
            <tr>
              <td>Laughing Bacchus Winecellars</td>
              <td>Yoshi Tannamuri</td>
              <td>3</td>
            </tr>
            <tr>
              <td>Magazzini Alimentari Riuniti</td>
              <td>Giovanni Rovelli</td>
              <td>2</td>
            </tr>
        </tbody>
        </table>

Te faltan los elementos <thead> y <tbody> en la tabla para que el plugin funcione correctamente, también ten en cuenta que el índice del orden de las columnas comienza por cero, por lo que la columna Country no es la 3, sino la 2. Aquí te dejo un ejemplo funcionando:

 $(document).ready( function () {
              $('#myTable').DataTable({
                "order": [[ 2, "desc" ]]
              });
          } );
<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>


 <h2>HTML Table</h2>

        <table id="myTable">
          <thead>
            <tr>
              <th>Company</th>
              <th>Contact</th>
              <th>Country</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Alfreds Futterkiste</td>
              <td>Maria Anders</td>
              <td>1</td>
            </tr>
            <tr>
              <td>Centro comercial Moctezuma</td>
              <td>Francisco Chang</td>
              <td>5</td>
            </tr>
            <tr>
              <td>Ernst Handel</td>
              <td>Roland Mendel</td>
              <td>4</td>
            </tr>
            <tr>
              <td>Island Trading</td>
              <td>Helen Bennett</td>
              <td>3</td>
            </tr>
            <tr>
              <td>Laughing Bacchus Winecellars</td>
              <td>Yoshi Tannamuri</td>
              <td>3</td>
            </tr>
            <tr>
              <td>Magazzini Alimentari Riuniti</td>
              <td>Giovanni Rovelli</td>
              <td>2</td>
            </tr>
        </tbody>
        </table>

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>
Origen Enlace
Pedro
  • 809
  • 6
  • 15

Te faltan los elementos <thead> y <tbody> en la tabla para que el plugin funcione correctamente, también ten en cuenta que el índice del orden de las columnas comienza por cero, por lo que la columna Country no es la 3, sino la 2. Aquí te dejo un ejemplo funcionando:

 $(document).ready( function () {
              $('#myTable').DataTable({
                "order": [[ 2, "desc" ]]
              });
          } );
<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>


 <h2>HTML Table</h2>

        <table id="myTable">
          <thead>
            <tr>
              <th>Company</th>
              <th>Contact</th>
              <th>Country</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Alfreds Futterkiste</td>
              <td>Maria Anders</td>
              <td>1</td>
            </tr>
            <tr>
              <td>Centro comercial Moctezuma</td>
              <td>Francisco Chang</td>
              <td>5</td>
            </tr>
            <tr>
              <td>Ernst Handel</td>
              <td>Roland Mendel</td>
              <td>4</td>
            </tr>
            <tr>
              <td>Island Trading</td>
              <td>Helen Bennett</td>
              <td>3</td>
            </tr>
            <tr>
              <td>Laughing Bacchus Winecellars</td>
              <td>Yoshi Tannamuri</td>
              <td>3</td>
            </tr>
            <tr>
              <td>Magazzini Alimentari Riuniti</td>
              <td>Giovanni Rovelli</td>
              <td>2</td>
            </tr>
        </tbody>
        </table>