JQueryデータテーブルの列のカスタムソート可能なドロップダウン

Question

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

次の完全なソースコード plunker linkです。

オープンすると、ドロップダウン値は整数ではなく文字列としてソートされます。ここでは例ドロップダウンのために が選択

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

を与える、私はあなたがSorting plugins

を使用してこれを行うことができます

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

Answer 1

としてお答えしたい、このようにコードを変更します。

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

結果ここに表示されます：https://plnkr.co/edit/MJgKWrYpFmmr0v43hKd4?p=preview