如何将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;
}