如何將DataTables按鈕定位到瀏覽器的右上角？

Question

我想將按鈕定位到瀏覽器的右上角。我嘗試了CSS，但失敗了。我還有其他技術可以將該數據表按鈕放置在瀏覽器的右上角？

腳本：

<style> 
    div.dt-buttons { 
    float: right; 
    margin-left:10px; 
} 
</style> 



<script> 
     $(document).ready(function() { 
      var buttonCommon = { 
       exportOptions: { 
        format: { 
         body: function(data, row, column, node) { 
          return column === 5 ? data.replace(/[$,]/g, '') : data; 
         } 
        } 
       } 
      }; 

      var table = $('#detailsDataTable').DataTable({ 
       "scrollY": 500, 
       "scrollX": true, 
       "paging": false, 
       "info": false, 
       "searching": false, 
       dom: 'Bfrtip', 
       lengthChange: false, 
       buttons: [ 
        $.extend(true, 
         {}, 
         buttonCommon, 
         { 
          extend: 'excelHtml5', 
          text: 'Export to Excel' 
         }) 
       ] 
      }); 

      table.buttons().container().appendTo('#detailsDataTable_wrapper .col-sm-6:eq(0)'); 
     }); 
    </script> 

Answer 1

您可以嘗試

div.dt-buttons { 
    position: fixed; 
    top: 0; 
    right: 0; 
}