Changing bottom button color

Ghost_Elite88

I have two rows of buttons, I was able to change the className for the top row but the bottom initialization shows up with only the font color changed even though I used the same className as in the top row. How do I override the normal button appearance for the bottom row?

Also, how does one go about putting spaces between the top row buttons? The CSS for margin-right or anything isn't working at all.

        new $.fn.dataTable.Buttons( dt, {
        buttons: [
            {
                
                text: "Button 2",
                action: function ( e, dt, node, conf ) {
                    alert( "Button 2 clicked on" );
                },
                

            },

        ]
        
    } );

colin

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