數據表顯示在報頭

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用於演示正確的用法。