DataTablesボタンをブラウザの右上に配置するにはどうすればよいですか？

Question

ボタンをブラウザの右上隅に配置したいと考えています。私はCSSを試してみるが失敗する。私は、そのdatatablesのボタンは、ブラウザの右上に位置することができる他の技術はありますか？

スクリプト：

<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; 
}