<?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>
|
Download
