引导数据表排序无法正常工作答案

【问题标题】：bootstrap datatable sorting not working properly引导数据表排序无法正常工作
【发布时间】：2017-02-12 05:17:27
【问题描述】：

我正在使用引导程序 datatable，当我点击第二列上的排序图标时，它只会从第一列中删除图标，否则它会在页面加载时出现，我有写入列号以从代码中的排序中删除但不起作用。

   $('#example').DataTable( {

  "columnDefs": [ {
    "targets": [0,1],
    "orderable": false
  },

  { "width": "8%", "targets": 0 },
  { "width": "13%", "targets": 1 } ],


  initComplete: function () {

    this.api().columns().every( function () {
      var column = this;
      var select = $('<select><option value=""></option></select>')
      .appendTo( $(column.footer()).empty() )
      .on( 'change', function () {
        var val = $.fn.dataTable.util.escapeRegex(
         $(this).val()
         );

        column
        .search( val ? '^'+val+'$' : '', true, false )
        .draw();
      } );

      column.data().unique().sort().each( function ( d, j ) {
        select.append( '<option value="'+d+'">'+d+'</option>' )
      } );
    } );
  }
});

【问题讨论】：

标签： javascript twitter-bootstrap datatable datatables frontend

【解决方案1】：

默认情况下，Datatables 使用第一列作为排序，因此会呈现一个图标，说明哪一列是提供排序的列。如果要删除它，则必须在配置中提供明确的顺序，例如：
order: [[1, 'asc']],
它将使用第二列作为默认排序。

【讨论】：