Liste déroulante personnalisée triable pour colonne datable JQuery

Question

J'ai ajouté une sélection déroulante dans la datable jQuery.

table.columns().every(function() { 
    var column = this; 
    var select = $('<select><option value=""></option></select>') 
     .appendTo($(column.footer()).empty()) 
     .on('change', function() { 
     var val = $.fn.dataTable.util.escapeRegex(
      $(this).val() 
     ); 
     column 
      .search(val ? '^' + val + '$' : '', true, false) 
      .draw(); 
     }); 
    column.data().unique().sort().each(function(value, j) { 
     select.append('<option value="' + value + '">' + value + '</option>') 
    }); 
    }); 

Voici le code source complet plunker link.

Lorsque j'ouvre, les valeurs déroulantes sont triées en tant que chaîne non en tant qu'entier. Par exemple ici dropdowns donne sélection

[1,10,11,2,...] && [Item 1,Item 10,Item 11,...] 

Je veux répondre que

[1,2,3,4,..10,11..] && [Item 1,Item 2,Item 3,...] 

Answer 1

Vous pouvez le faire en utilisant Sorting plugins

Modifier votre code comme ceci:

var table = $('#example').DataTable({ 
    "columnDefs": [ 
      { "type": "natural", targets: 0 }, 
      { "type": "natural", targets: 1 } 
    ] 
}); 

Le résultat peut être vu ici: https://plnkr.co/edit/MJgKWrYpFmmr0v43hKd4?p=preview