 <div class="breadcome-area">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="breadcome-list single-page-breadcome">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                       &nbsp;
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                        <ul class="breadcome-menu">
                                            <li><a href="#">Home</a> <span class="bread-slash">/</span>
                                            </li>
                                            <li><span class="bread-blod">Server</span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Basic Form Start -->
        <div class="basic-form-area mg-tb-15">
            <div class="container-fluid">
                <div class="row">
  
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
					   
                        <div class="sparkline9-list responsive-mg-b-30">
						 <a href="<?php echo site_url();?>Server/add_Server" class="">
	  ADD New Server</a>
                            <div class="sparkline9-hd">
                                <div class="main-sparkline9-hd">
                                    <h1>Server List</h1>
                                </div>
                            </div>
                            <div class="sparkline9-graph">
                                <div class="basic-login-form-ad">
                 
                                    <div class="row">
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            <div class="basic-login-inner">
                                                <p></p>
            <div style="overflow-x:auto;">
              
     <table id="example1" class="table table-striped table-bordered responsive">
        <thead>
            <tr>
				<th>Name</th>
				<th>RAM</th>
				<th>CPU</th>
				<th>HARD DRIVE</th>
				<th>RED CONTROLLER</th>
				<th>POWER SUPPLY</th>
				<th>IP ADDRESS</th>
				<th>IPKVM IPADDRESS</th>
				<th>DATA CENTER</th>
				<th>RACK</th>
				<th>SIZE OF SERVER</th>
            </tr>
        </thead>
        <tbody>
<?php
foreach($Server as $r)
{
								
							
?>				
					<tr class="gradeX">
					<td><?=$r['server_name']?></td>
					<td><?=$r['ram']?></td>
					<td><?=$r['cpu']?></td>
					<td><?=$r['hard_drive']?></td>
					<td><?=$r['redcontroler']?></td>
					<td><?=$r['power_supply']?></td>
					<td><?=$r['ipaddress']?></td>
					<td><?=$r['ipkvm_ipaddress']?></td>
					<td><?=$r['datacenter_id']?></td>
					<td><?=$r['rack_id']?></td>
					<td><?=$r['size_of_server']?></td>
					
					</tr>
			
<?php
}
?>
        </tbody>
    </table>
	</div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
		
			
      <link href="<?php echo site_url();?>assets/css/jquery.dataTables.min.css" rel="stylesheet">
	    <link href="https://cdn.datatables.net/buttons/1.4.2/css/buttons.dataTables.min.css" rel="stylesheet">
    
	<script src="//code.jquery.com/jquery-1.12.4.js"></script> 
	<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script> 
	<script src="https://cdn.datatables.net/buttons/1.4.2/js/dataTables.buttons.min.js"></script> 
	<script src="//cdn.datatables.net/buttons/1.4.2/js/buttons.flash.min.js"></script> 
	<script src="//cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script> 
	<script src="//cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script> 
	<script src="//cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script> 
	<script src="//cdn.datatables.net/buttons/1.4.2/js/buttons.html5.min.js"></script> 
	<script src="//cdn.datatables.net/buttons/1.4.2/js/buttons.print.min.js"></script> 
<!-- for datatable csv,pdf.... -->

	<script>
$(document).ready(function() {
    $('#example1').DataTable( {
        dom: 'Bfrtip',
		"pageLength": 50,
        buttons: [
             'csv', 'excel'
        ]
    } );
} );			
	</script>  
		
			
	

