%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/bootstrap.xml

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

<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 .col-sm-6:eq(0)' );
} );

]]>
</js>

<title lib="Buttons">Bootstrap 3</title>

<info><![CDATA[

This example shows DataTables and the Buttons extension being used with the [Bootstrap](http://getbootstrap.com) framework providing the styling. The [DataTables / Bootstrap integration](//datatables.net/manual/styling/bootstrap) provides seamless integration for DataTables to be used in a Bootstrap 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 Bootstrap styling is quite complex and would need to be fully restated.

]]></info>

</dt-example>

Zerion Mini Shell 1.0