1
我想將按鈕定位到瀏覽器的右上角。我嘗試了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>
正確的,但不繼時滾動? – Fred
然後你可以使用'position:absolute'。 – user436357