数据表显示在报头

Question

我创建使用具有自举数据表与此指令

var bTable = $('#example2').DataTable({ 
     language: { url: 'assets/plugins/datatables/i18n/Spanish.json'  }, 
     processing: true, 
     fixedHeader: true, 
     serverSide: true, 
     responsive:true, 
     ajax: "modulos/estados.data.php", 
     columns: [ 
      { data: "id561" }, 
      { data: "des561" }, 
      { data: "accion561" }, 
      { data: "res561" } 
     ], 
     order: [[ 1, "asc" ]], 
     columnDefs: [ 
      { 
       targets : 0, 
       searchable: false, 
       render: function (data, type, row) 
       { return row.id561 } 
      }, 
      { 
       targets : 1, 
       searchable: true, 
       render: function (data, type, row) 
       { return data } 
      }, 
      { 
       targets : 2, 
       searchable: false, 
       render: function (data, type, row) 
       { return data } 
      }, 
      { 
       targets : 3, 
       orderable: false, 
       searchable: false, 
       render: function (data, type, row) 
       { return data } 
      } 
     ] 
    }); 

一个简单的表双指令图标的问题是，使图像

所示的其上显示标题的顺序图标两倍

问题是只激活Bootstrap css，如果我用jquery它的作品

感谢您的帮助！

Answer 1

确保您没有包含DataTables CSS文件（jquery.dataTables.min.css），只有dataTables.bootstrap.min.css。

如果您使用Download Builder，在造型部分选择引导。如果您已经包含Bootstrap，请选择没有样式库，否则选择包含库以包含最新的Bootstrap。

请参阅this example用于演示正确的用法。