DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
≡ Show site navigation

How to let buttons float at right top

How to let buttons float at right top

fc338339fc338339 Posts: 16Questions: 8Answers: 1
in Buttons

I need to make the buttons always float at top right corner below the menu bar,
should i write a class and how to apply it at below script ?

"buttons": [
{ extend: "create", editor: editor_1 },
{ extend: "edit", editor: editor_1 },
'colvis',{
extend: 'excelHtml5' ,
exportOptions: {
columns: ':visible'}
}
]

Answers

  • allanallan Posts: 65,287Questions: 1Answers: 10,823 Site admin

    You need to use a combination of the dom parameter and CSS. Bu default Buttons has:

    div.dt-buttons {
    position: relative;
    float: left;
}

    In your CSS you would add an override:

    div.dt-buttons {
    float: right;
}

    Depending on your dom option you may also need to move where the B option is included to have the elements appear in the correct order in the DOM.

    Allan

This discussion has been closed.

DataTables

DataTables designed and created by SpryMedia Ltd.
© 2007-2025 MIT licensed. Privacy policy. Supporters.
SpryMedia Ltd is registered in Scotland, company no. SC456502.