%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/jalalj2hb/www/ftm-admin/bower_components/datatables-buttons/examples/styling/
Upload File :
Create Path :
Current File : /home/jalalj2hb/www/ftm-admin/bower_components/datatables-buttons/examples/styling/foundation.xml

<?xml version="1.0" encoding="UTF-8" ?>
<dt-example table-type="html" order="3" framework="foundation">

<css lib="datatables buttons"/>
<js lib="jquery datatables buttons jszip pdfmake vfsfonts buttons-html5 buttons-print buttons-colvis">
<![CDATA[

$(document).ready(function() {
	var table = $('#example').DataTable( {
		lengthChange: false,
		buttons: [ 'copy', 'excel', 'pdf', 'colvis' ]
	} );

	table.buttons().container()
		.appendTo( '#example_wrapper .small-6.columns:eq(0)' );
} );

]]>
</js>

<title lib="Buttons">Foundation styling</title>

<info><![CDATA[

This example shows DataTables and the Buttons extension being used with the [Foundation](http://foundation.zurb.com) framework providing the styling. The [DataTables / Foundation integration](//datatables.net/manual/styling/foundation) prove seamless integration for DataTables to be used in a Foundation page.

Note that for ease of implementation, the `b-init buttons` option is specified as `true` to use the default options, and the `b-api buttons().container()` method then used to insert the buttons into the document. It is possible to use the `dt-init dom` option to insert the buttons like in the DataTables styled examples, but the default `dt-init dom` option used for Foundation styling is quite complex and would need to be fully restated.

]]></info>

</dt-example>

Zerion Mini Shell 1.0