Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
从单个选择选项对jQuery数据表进行排序_Jquery_Sorting_Datatables_Dropdown - Fatal编程技术网

从单个选择选项对jQuery数据表进行排序

从单个选择选项对jQuery数据表进行排序,jquery,sorting,datatables,dropdown,Jquery,Sorting,Datatables,Dropdown,我一直在试着看看这是否可能,所以让我解释一下我在寻找什么 我有一个基本的表,我正在使用jQuery数据表进行排序,没有自定义选项,只有简单的基本初始化 $("#myTable").DataTable(); 是否有一种方法可以将myTable连接到一个select表单元素,并仅通过select下拉列表对表进行排序?您可以使用columnDefs.orderable选项禁用每列的排序,然后在下拉控件的值更改时使用API方法对表进行排序 例如: var table=$('#示例').DataTabl

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

我有一个基本的表,我正在使用jQuery数据表进行排序,没有自定义选项,只有简单的基本初始化

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

是否有一种方法可以将myTable连接到一个select表单元素,并仅通过select下拉列表对表进行排序?

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

例如:

var table=$('#示例').DataTable({
“columnDefs”:[
{'orderable':false,'targets':'u all'}
],
“订单”:[0,'asc']
});
$('#示例排序')。on('change',function(){
table.order([$(this.val(),'asc']).draw();
})   

有关代码和演示,请参阅。

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

例如:

var table=$('#示例').DataTable({
“columnDefs”:[
{'orderable':false,'targets':'u all'}
],
“订单”:[0,'asc']
});
$('#示例排序')。on('change',function(){
table.order([$(this.val(),'asc']).draw();
})   
有关代码和演示,请参阅。

这可能会有所帮助,基本上,如果用户在select元素中选择一个选项,则会希望对列进行筛选(而不是排序)。所以我认为最好是过滤数据并显示出来。请看我的问题,我找不到更好的解决办法了。您可能需要编写一些自定义插件来实现这一点。或者直接将您的问题发布到其他解决方案,这可能会有所帮助,基本上,如果用户在select元素中选择一个选项,则会希望对列进行筛选(而不是排序)。所以我认为最好是过滤数据并显示出来。请看我的问题,我找不到更好的解决办法了。您可能需要编写一些自定义插件来实现这一点。或者前往并将您的问题发布到那里,以获得其他解决方案