从单个Select Option中对jQuery DataTable进行排序

Question

我一直试图看看这是否可能，所以让我解释一下我在寻找什么。

我有一个基本表，我可以使用jQuery DataTables进行排序，没有自定义选项，只需简单的基本初始化。

$("#myTable").DataTable();

有没有办法将myTable连接到select表单元素，并且只能通过选择下拉列表对表进行排序？

Answer 1

您可以使用columnDefs.orderable选项禁用每列的排序，然后在下拉控件的值更改时使用order() API方法对表进行排序。

例如：

var table = $('#example').DataTable({
   'columnDefs': [
      { 'orderable': false, 'targets': '_all' }
   ],
   'order': [0, 'asc']       
});

$('#example-sort').on('change', function(){
   table.order([$(this).val(), 'asc']).draw();
})   

请参阅this example以获取代码和演示。