javascript - Bootstrap 数据表排序无法正常工作

Question

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

   $('#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 默认使用第一列作为排序，因此会呈现图标来说明哪一列是提供排序的列。如果您想删除它，那么您必须在配置中提供明确的顺序，例如:
顺序:[[1，'asc']]，
这将使用第二列作为默认排序。