anchor.diff:  			"sAjaxSource" : "/getAllSpittles",
   			"sAjaxDataProp" : "",
   			"order" : [ [ 0, "asc" ] ],
  -			"aoColumns" : [ 
  -			              { "mData" : "id"},
  -			              { "mData" : "message"},
  -			              { "mData" : "time"}],
  +			"aoColumnDefs": [ 
  +			      {
  +			      "aTargets": [ 0 ],
  +			      "mData": "id"
  +			      },
  +			      {
  +				  "aTargets": [ 1 ],
  +				  "mData": "message"
  +				  },
  +				  {
  +				  "aTargets": [ 2 ],
  +				  "mData": "time"
  +				  },
  +				  {
  +			       "targets": -1,
  +			       "data": null,
  +			       "defaultContent": "<button>Click!</button>"
  +			      }
  +			],
   			scrollY : "600px",
   			scrollCollapse: true,
   			dom: 'Blfrtip',
   			buttons: ['copy', 'csv', 'excel'],
   		    colReorder: true,
   		    select: true
  -		})
  -	});
  +		});
  +		
  +	$('#employeesTable tbody').on( 'click', 'button', function () {
  +        var data = table.row($(this).parents('tr')).data();
  +        console.log(data);
  +        alert( data['id']);
  +    } );
  +	
  +	 $('#employeesTable tbody').on('click', 'tr', function () {
  +	        $(this).toggleClass('selected');
  +	    });
  +
  +	    $('#button').click(function () {
  +	        var ids = $.map(table.rows('.selected').data(), function (item) {
  +	            return item[0]
  +	        });
  +	        console.log(ids)
  +	        alert(table.rows('.selected').data().length + ' row(s) selected');
  +	    });
  +} );
   	
   </script>
   </head>
  
positive.code: 				<th>Id</th>
  				<th>Message</th>
  				<th>Time</th>
  			</tr>
  		</tfoot>
  	</table>
  
negative.code: <body>
  	<!-- datatable start  -->
  	<h1>Employees Table</h1>
  	<button id="button">btn</button>
  	<table id="employeesTable" class="display">
  
  		<!-- Header Table -->
  