JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.5/css/jquery.dataTables.min.css">
<script src="//cdn.datatables.net/1.10.5/js/jquery.dataTables.min.js"></script>
<script src="http://jquery-datatables-column-filter.googlecode.com/svn/trunk/media/js/jquery.dataTables.columnFilter.js"></script>
<script src="//cdn.datatables.net/responsive/1.0.4/js/dataTables.responsive.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/responsive/1.0.4/css/dataTables.responsive.css">
<div data-role="page" id="main">

 
  <!-- Giriş -->
	<div data-role="header" data-position="inline"  data-fullscreen="true" >
  	<a href="#myPanel" class="ui-btn ui-btn-inline">List</a>
    <h1>Main List</h1>
	</div>

	
		<div data-role="main" class="ui-content">
		<ul data-role="listview" data-inset="true" >

		  <li><a href="#Rpr">Report</a></li>
		</ul>
		</div>
		
		<div data-role="footer"  data-fullscreen="true" >
			<h1></h1>
		</div>
</div>		

</div>
	<div data-role="page"  id="Rpr">
		<div data-role="header" data-position="inline"  data-fullscreen="true">		
			<a href="#" class="ui-btn ui-icon-arrow-l ui-btn-icon-notext ui-shadow ui-corner-all" data-rel="back">Back</a>
			<h1>Report</h1>
		</div>
    <table cellspacing="0" cellpadding="0" border="0" class="display" ID="Table1">
			<thead>
			<tr>
				<th>Column</th>
				<th>Filter</th>
			</tr>
			</thead>
			<tbody>
				<tr id="">
					<td align="center">Rendering engine</td>
					<td align="center" id="a"></td>
				</tr>
			</tbody>
		</table>

	<div class="container">


			<table id="example" class="display nowrap"...

JavaScript

$(document).on('pageshow', '#Rpr', function() {
	var table = $('#example').DataTable( {
		responsive: true,

	} );
    $('#example').dataTable()
							.columnFilter({aoColumns:[
								{ type:"select", sSelector: "#a" },
								]}
							);


} );