CSS Styling on Buttons

dyetube

Is it possible to apply CSS stylings on buttons from either my own stylesheet or DataTables stylesheet so it doesn't just look like a link but can be a button?

jLinux

Sure you can, Just create some CSS classes and set them as the CSS style via the className setting.

Here is the code for my buttons, I styled them and moved them to a separate location, thats code for copy, print, pdf, csv, excel, collection, selectAll, selectNone and some custom ones to perform actions on the selected rows (Delete Selected and View Timeline (just a redirect))

Here are some screenshots:

• http://d.pr/i/LN7f
• http://d.pr/i/1kswb

P.S. You can perform all of those actions inside of the DT initialization as well, Heres a quick example I typed up for ya

allan

Ooo - that second one is really cool. Nice styling!

Allan

dyetube

That's perfect. Really like what you did! Thanks!

jLinux

Haha, thanks! I was skeptical at first i could style the DT buttons that well at first