Button Bug

dataTables jquery button bug on column hide

by Phil Glau

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css?ver=4.5.1">
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css">
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/v/ju/dt-1.10.12/cr-1.3.2/r-2.1.0/sc-1.4.2/datatables.css">
<script src="https://cdn.datatables.net/v/ju/dt-1.10.12/cr-1.3.2/r-2.1.0/sc-1.4.2/datatables.js"></script>
<table id="files">
	<thead>
		<tr >
			<th>File Name</th>
			<th>Length</th>
			<th>Action</th>
			<th>Options</th>
			<th>Classification</th>
			<th>Notes</th>
		</tr>
	</thead>
	<tr>
		<td >Test2.mov</td>
		<td >00:00:40</td>
		<td >
		
		<div id="actiongroup1" data-role="controlgroup" data-mini="true">
			<input type="radio" name="action_1_d66f40de" value="Opt 1" id="radio_1" CHECKED />
			<label for="radio_1">Opt 1</label>
			<input type="radio" name="action_1_d66f40de" value="Opt 2" id="radio_2" />
			<label for="radio_2">Opt 2</label>
			<input type="radio" name="action_1_d66f40de" value="Opt 3" id="radio_3" />
			<label for="radio_3">Opt 3</label>
		</div>
		</td>
		<td > 
			<div id="servicegroup1" class="service_opts" data-role="controlgroup" data-mini="true">
				<input type="radio" name="service_1_d66f40de" value="Radio 1" id="radio_4" CHECKED />
				<label for="radio_4">Radio 1</label>
				<input type="radio" name="service_1_d66f40de" value="Radio 2" id="radio_5" />
				<label for="radio_5">Radio 2</label>
				<input type="checkbox" name="TC_1_d66f40de" value="Yes" class="tc_button" id="TCcheck1_1_d66f40de" />
				<label for="TCcheck1_1_d66f40de">CheckBox</label> 
			</div>
		</td>
		<td >
		<div >
			<select name="style_1_d66f40de" id="style-1">
				<option value="" SELECTED>Select..</option>
				<option value="S">Type-1</option>
				<option...

JavaScript

var log_table = $('#files').dataTable({
		'responsive': true,
		'autoWidth': false,
		'paging': false,
		'searching':false,
		'ordering':false,
		'columns': [
			{responsivePriority: 1},
			{responsivePriority: 6},
			{responsivePriority: 5},
			{responsivePriority: 3},
			{responsivePriority: 2},
			{responsivePriority: 4}	
		]
	});