How apply a Bootstrap 5 class to buttons in layout.

bbrindza

How apply a Bootstrap 5 class to the buttons ( ie. btn btn-sm) in the the layout .

        layout: {
            top2Start: 'pageLength',
            topStart: 'buttons',
            topEnd: 'search',
            bottomStart: 'info',
            bottomEnd: 'paging'
        },

allan

Assuming you have imported the Bootstrap 5 integration for Buttons, it will automatically get Bootstrap 5 classes. That is either the datatables.net-buttons-bs5 module if you are doing ES imports, or buttons.bootstrap5.js if you are including the JS directly.

The default is btn btn-secondary. If you want to change the default, you can do so with:

DataTable.Buttons.defaults.dom.button.className = 'btn btn-sm';

Allan

bbrindza

Ok , so basically added this to the JS to override the default?

allan

If you want btn btn-sm for all buttons, then yes.

Allan

bbrindza

Thanks again Guru