Как разместить кнопку 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; 
}