上一篇: jquery – 如何将CSS样式应用于另... 下一篇:如何用Photoshop中的“自由变换”...

如何仅对JQUERY Datatable中的一列启用排序

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了如何仅对JQUERY Datatable中的一列启用排序，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我试图只在一个数据表中启用基于一列的排序.但它不起作用.这是我尝试的方式

var myTable = $("#tbl_main").dataTable({
    "dom": "<'tableinfobar'i><'tablesearchBox'f><'tablestarfilter'><'tablebody't>S<'tablelength'l><'tablepaging'p>","ordering": false,"columnDefs": [{"targets": [0,6],"searchable": falsE},{"targets":2,"type":"html-num","orderable":truE}],"lengthMenu": [
        [10,20,50,100,500,-1],[10,"All"]
    ]
}).show();

在这里,我只需要为第二列启用排序,并在columnDefs中尝试

解决方法

将类no-sort添加到所有< th>除了要排序的列..请检查 https://jsfiddle.net/24zztcL9/

我只为第二列“位置”启用了排序

HTML

<table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th class="no-sort">Name</th>
                <th>Position</th>
                <th class="no-sort">Office</th>
                <th class="no-sort">Age</th>
                <th class="no-sort">Start date</th>
                <th class="no-sort">Salary</th>
            </tr>
        </thead>
     </table>

jQuery的

$(document).ready(function() {
  $('#example').DataTable({

    "ordering": true,columnDefs: [{
      orderable: false,targets: "no-sort"
    }]

  });
});