bootstrap数据表排序无法正常工作

Question

我正在使用bootstrap 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>' )
      } );
    } );
  }
});

Answer 1

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