Javascript 如何在搜索功能正常时禁用对特定列的排序
我使用DataTable()是为了获得所需的功能,包括对列进行排序和从表标题中逐个搜索列。初始化如下,返回api并实现搜索功能 $('#表2')。数据表() 现在的问题是,当我必须禁用复选框排序,我必须使用下面的代码行。Javascript 如何在搜索功能正常时禁用对特定列的排序,javascript,jquery,sorting,datatable,Javascript,Jquery,Sorting,Datatable,我使用DataTable()是为了获得所需的功能,包括对列进行排序和从表标题中逐个搜索列。初始化如下,返回api并实现搜索功能 $('#表2')。数据表() 现在的问题是,当我必须禁用复选框排序,我必须使用下面的代码行。 $('#表2')。数据表({ “aoColumnDefs”:[ {“bSortable”:false,“aTargets”:[0]} ] } ); 它确实对列应用了禁用排序,但列中的搜索功能也不起作用。是否有任何方法可以在DataTable({something})中传递任何参
$('#表2')。数据表({
“aoColumnDefs”:[
{“bSortable”:false,“aTargets”:[0]}
] } );代码>
它确实对列应用了禁用排序,但列中的搜索功能也不起作用。是否有任何方法可以在DataTable({something})中传递任何参数以禁用第一列的排序,或者请帮助我组合(api和jquery对象)方法以实现所需的功能。
$('#表2')。数据表();
$('#表2')。数据表();
当复选框被选中时,请勾选JSFIDLE,因为它完全搞砸了
尝试使用“b可搜索”和允许的列搜索(“#表2”)。数据表({
$('#table2').dataTable({
"dom": 'C<"clear">lfrtip',
"sPaginationType": "full_numbers",
"aoColumnDefs": [
{ "bSearchable": false, "aTargets": [ 0 ] },
{"bSortable": false, "aTargets": [ 1 ]}
]});
“dom”:“Clfrtip”,
“sPaginationType”:“完整编号”,
“aoColumnDefs”:[
{“可搜索”:false,“目标”:[0]},
{“bSortable”:false,“aTargets”:[1]}
]});
你能试试这个吗?请显示你的html代码。它有效-请检查提供的html或你可以访问JSFIDLE搜索不使用此代码,你能检查我上面给出的JSFIDLE并再次检查它吗。
$('#table2 thead th').slice(3).each(function () {
var title = $('#table2 thead th').eq($(this).index()).text();
$(this).html('<input type="text" placeholder="' + title + '" />');
});
var table = $('#table2').DataTable({
"dom": 'C<"clear">lfrtip',
"sPaginationType": "full_numbers",});
var tableResult = table.columns().eq(0);
if (tableResult !== null) {
tableResult.each(function (colIdx) {
$('input', table.column(colIdx).header()).on('keyup change', function () {
table
.column(colIdx)
.sort()
.search(this.value)
.draw();
});
});
}
$('#example').dataTable( {
"aoColumnDefs": [
{ "bSearchable": true, "aTargets": [ 0,1,2,3,4,5 ] }
] } );
$('#table2').dataTable({
"dom": 'C<"clear">lfrtip',
"sPaginationType": "full_numbers",
"aoColumnDefs": [
{ "bSearchable": false, "aTargets": [ 0 ] },
{"bSortable": false, "aTargets": [ 1 ]}
]});