Style ColVis Buttons As Bootstrap

murday1983

Is there a way to style all buttons in the colvis as Bootstrap buttons?

I have managed to do the main button using the below:

buttons: [
       { extend: 'colvis', text: 'Show/Hide columns', className: 'btn btn-primary' }
 ],
fnDrawCallback: function () {
       $('.buttons-colvis').attr("id", "showHideColumnButton").removeClass('dt-button 
            buttons-collection buttons-colvis');
}

But i can seem to do the same for then inner buttons

colin

Hi @murday1983 ,

We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Cheers,

Colin