繁体   English   中英

如何在搜索有效时禁用对特定列的排序

[英]How to disable sorting on specific column while searching is functional

我使用DataTable( http://www.datatables.net )来获得所需的功能,包括对列进行排序以及分别从表标题中搜索列。 初始化如下,返回api并实现搜索功能。

$('#table2')。DataTable()

现在的问题是,当我必须禁用复选框的排序功能并且必须使用以下代码行时。 $('#table2').dataTable( { "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0 ] } ] } );

它确实对列应用了禁用的排序,但是列内的搜索功能也不起作用。 有什么方法可以在DataTable({something})中传递任何参数以禁用对第一列的排序,或者请帮助我组合(api和jquery对象)方法以实现所需的功能。 $('#table2').DataTable(); $('#table2').dataTable();

<table class="table table-striped draggable sortable dataTable" id="table2">
<thead>
    <tr>
        <th class="text-center"> <input class="check_box_all no-sort" id="check_all" type="checkbox" title="Check All"></th>
        <th class="text-center">Company Name </th>
    </tr>
</thead>
<tbody>
    <tr class="odd gradeX">
        <td class="text-center"><input type="checkbox" class="check_box"></td>
        <td class="text-center">Med Assets Company</td>
    </tr>
</tbody>

此代码段使表标题中的输入字段可供搜索

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

请在选中复选框时检查jsfiddle,将其完全弄乱https://jsfiddle.net/sxgd0thm/

$('#example').dataTable( {
"aoColumnDefs": [
  { "bSearchable": true, "aTargets": [ 0,1,2,3,4,5 ] }
] } );

尝试使用“ bSearchable”进行允许的列搜索

$('#table2').dataTable({
   "dom": 'C<"clear">lfrtip',
   "sPaginationType": "full_numbers",
   "aoColumnDefs": [
      { "bSearchable": false, "aTargets": [ 0 ] },
      {"bSortable": false, "aTargets": [ 1 ]}
  ]});

你可以试试这个吗

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM