listing

<div class="well card card-body bg-dark">

	<div style="width: 100%; overflow: auto;scrollbar-base-color:#ffeaff">
		
		<table class="table table-striped fontYantra" id="vehicle_brand_table">
			<thead>
			<tr class="fontYantra" 
					style="font-size:16px;letter-spacing:1px;">
				 <th>ID    						</th>
				 <th>VEHICLE BRAND 				</th>
				 <th>ACTION    					</th>
			</tr>
			</thead>
		</table>
	
	</div>
</div>

<script type="text/javascript" language="javascript">

	$(document).ready(function() {
		var dataTable = $('#vehicle_brand_table').dataTable( {
			"processing": true,
			"serverSide": true,
			"ajax":{
				url :"datalist_vehicle_brand.php?vehicle_id=0",			// json datasource
				type: "get",  											// method,by default get
				error: function() {  									// error handling
					$(".vehicle_brand_table-error").html("");
					$("#vehicle_brand_table").append('<tbody class="table-error"><tr><th colspan="15" class="font2">No data found in the server</th></tr></tbody>');
					$("#vehicle_brand_table_processing").css("display","none");
	
				}
			}
		});
	});
		
</script>