About the style on extend collection button group

cmansky

Hello everyone,
Can anyone tell me, is it possible to adjust the button style on the "extend: collection"?
I already tried
"initComplete: function() {
var dropdownbtns = $('.dt-button');
console.log(dropdownbtns)
dropdownbtns.addClass('btn btn-primary');
dropdownbtns.removeClass('dt-button');
}"
but it does not work.

allan

At the moment you can do it like this:

    {
      extend: 'collection',
      className: 'btn-primary',
      text: 'Drop down',
      init: (dt, node) => node.removeClass('btn-secondary'),
      buttons: [
        { text: 'First' },
        { text: 'Second' },
        { text: 'Third' },
      ]
    }

Example: https://live.datatables.net/boxujixi/1/edit .

I'm actually working on some changes at the moment which should make this easier in future.

Allan