<?xml version="1.0" encoding="UTF-8" ?>
<dt-example table-type="html" order="4">

<css lib="datatables buttons">
	a.dt-button.red {
		color: red;
	}

	a.dt-button.orange {
		color: orange;
	}

	a.dt-button.green {
		color: green;
	}
</css>
<js lib="jquery datatables buttons">
<![CDATA[

$(document).ready(function() {
	$('#example').DataTable( {
		dom: 'Bfrtip',
		buttons: [
			{
				text: 'Red',
				className: 'red'
			},
			{
				text: 'Orange',
				className: 'orange'
			},
			{
				text: 'Green',
				className: 'green'
			}
		]
	} );
} );

]]>
</js>

<title lib="Buttons">Class names</title>

<info><![CDATA[

This example [also shows button definition objects](custom.html) being used to describe buttons. In this case we use the `b-init buttons.buttons.className` option to specify a custom class name for the button. A little bit of CSS is used to style the buttons - the class names and CSS can of course be adjusted to suit whatever styling requirements you have.

]]></info>

</dt-example>

