DataTables.net - PDF export customization

customization of PDF report

HTML

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="https://cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.1.2/js/dataTables.buttons.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
<script src="//cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js"></script>
<script src="//cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js"></script>
<script src="//cdn.datatables.net/buttons/1.1.2/js/buttons.html5.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.1.2/css/buttons.dataTables.min.css">
<script src="https://cdn.datatables.net/buttons/1.0.1/js/buttons.colvis.min.js"></script>
<table class="names" id="example">
<caption>
<p>Buisness Activity Statement</p>
<p><?php echo $Fname;?></p>
</caption>
<thead><tr><th></th><th></th><th></th></tr></thead>
<tbody>
  <tr   class="noBorder">
    <td>ABN</td>
    <td></td>
    <td style="text-align:right">1111111</td>
  </tr>
  <tr class="noBorder">
    <td>GST Accounting Method</td>
    <td></td><td style="text-align:right">xxxx</td>
  </tr>
  <tr class="noBorder">
  <td><b>Goods and Services Tax(Option1)</b></td>
  <td></td>
  <td></td>
  </tr>
  <tr class="noBorder">
  <td>Total Sales</td>
  <td><span class="circle">G1</span></td>
  <td><?php echo number_format("80000",2);?></td>
  </tr>
  <tr  class="noBorder">
  <td>Does the amount shown at G1 include GST</td>
  <td></td>
  <td></td>
  </tr>
  <tr  class="noBorder">
  <td>Export Sales</td>
  <td><span class="circle">G2</span></td>
  <td><?php echo number_format("90000",2);?></td>
  </tr>
  
  <tr   class="noBorder">
  <td>Amount withheld from payments </td>
  <td><span class="circle">W2</span></td>
  <td><input type="text" name="w2" id="w2" class="w"/><span style="display: none;"...

JavaScript

var table = $('#example').DataTable( {
	        lengthChange: false,
	        dom: 'Bfrtip',
	        "bPaginate": false,
	        "paging":   false,
	        "ordering": false,
	        "info":     false,
	        "searching": false,
	        buttons: [  'excel', 'pdf']
	    } );

	    table.buttons().container()
	        .appendTo( $('div.eight.column:eq(0)', table.table().container()) );
          
          $("#w2").keyup(function () {
		if (!isNaN(this.value) && this.value.length != 0)
		{
			$("#w2-span").text($(this).val());
			$("#4tax-span").text($(this).val());
			$("#4tax").val($(this).val());
			 $("#w2").attr('value', $(this).val())
		}
	});