Benutzerdefinierte sortierbare Dropdown für JQuery Datatable-Spalte

Question

Ich habe Dropdown-Auswahl in jQuery Datentabelle hinzugefügt.

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>') 
    }); 
    }); 

finden Sie vollständigen Quellcode plunker link.

Wenn ich Dropdown-Dropdown-Menü öffnen, werden die Werte als String nicht als ganze Zahl sortiert. Zum Beispiel hier Dropdown-Listen gibt Auswahl

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

ich beantworten will als

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

Answer 1

Sie können dies wie folgt Sorting plugins

Ändern Sie bitte Ihre Code tun:

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

Das Ergebnis kann hier gesehen werden: https://plnkr.co/edit/MJgKWrYpFmmr0v43hKd4?p=preview