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

<css lib="datatables tabletools" />
<js lib="jquery datatables tabletools">
<![CDATA[

$.fn.dataTable.TableTools.buttons.copy_to_div = $.extend(
	true,
	$.fn.dataTable.TableTools.buttonBase,
	{
		"sNewLine": "<br>",
		"sButtonText": "Copy to element",
		"sDiv": "",
		"fnClick": function( nButton, oConfig ) {
			document.getElementById(oConfig.sDiv).innerHTML = 
				this.fnGetTableData(oConfig);
		}
	}
);

$(document).ready(function() {
	$('#example').DataTable( {
		dom: 'T<"clear">lfrtip',
		tableTools: {
			"aButtons": [ {
				"sExtends":    "copy_to_div",
				"sButtonText": "Copy to div",
				"sDiv":        "copy"
			} ]
		}
	} );
} );
]]>
</js>

<title lib="TableTools">Plug-in button types</title>

<info><![CDATA[

This example shows how you can add a message to the saved PDF using the `sPdfMessage` parameter. It also shows that the orientation of the output PDF can be changed to landscape which is useful if you have a lot of columns.

]]></info>

<demo-html>
	<div id="copy" class="box" style="height: 100px; overflow: auto">
		Copy output will go here
	</div>
</demo-html>

</dt-example>
