引导数据表排序不能正常工作

bootstrap datatable sorting not working properly

本文关键字:工作 常工作 数据表 排序 不能      更新时间:2023-09-26

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

datatable在默认情况下使用第一列作为排序,从而呈现图标,说明哪一列是提供排序的列。如果您想要删除它,那么您必须在配置中提供显式排序,例如:
order: [[1, 'asc']],
它将使用第二列作为默认排序。