<div class="table-responsive" style="height:400px;">
	<table id="tableMetasModal" class="table table-striped table-hover">
		<thead>
			<tr>
				<th>Inicio</th>
				<th>Meta</th>
				<th>Monto</th>
				<th></th>
			</tr>
		</thead>
		<tbody>
			
		</tbody>
	</table>
</div>
<script>
$(document).ready(function(){	
	$("#tableMetasModal").dataTable({
		"iDisplayLength": 5,
		"aLengthMenu": [[5, 10, 25, -1], [5, 10, 25, "Todas"]],
		"bLengthChange": true,
		"processing": true,
		"order": [ 0, 'asc' ],
		"serverSide": true,
		"ajax": {
			"url": "<?php echo base_url();?>administracion/cargar_metas",
			"type": "POST",
			"data": function ( d ) {
				d.idUser = "<?php echo $usuario;?>";
				d.singleUser = "0";
			}
		},
		"columnDefs": [
			{ "width": "25%", "targets": 0 ,"searchable": false},
			{ "width": "25%", "targets": 1 ,"searchable": false},
			{ "width": "25%", "targets": 2 ,"searchable": false},
			{ "width": "25%", "className" : "myTableActionClass","orderable": false,"searchable": false, "targets": 3},
			{ "searchable": false,"visible": false, "targets": 4},
		],
		"language": {
			"emptyTable":     "",
			"lengthMenu": "Mostrar _MENU_ registros por pagina",
			"zeroRecords": "",
			"info": "Pagina _PAGE_ de _PAGES_",
			"infoEmpty": "No hay registros",
			"infoFiltered": "(Ningun resultado encontrado de _MAX_ registros)",
			"search":         "Buscar:",
			"processing":     '<div class="sk-circle"><div class="sk-circle1 sk-child"></div><div class="sk-circle2 sk-child"></div><div class="sk-circle3 sk-child"></div><div class="sk-circle4 sk-child"></div><div class="sk-circle5 sk-child"></div><div class="sk-circle6 sk-child"></div><div class="sk-circle7 sk-child"></div><div class="sk-circle8 sk-child"></div><div class="sk-circle9 sk-child"></div><div class="sk-circle10 sk-child"></div><div class="sk-circle11 sk-child"></div><div class="sk-circle12 sk-child"></div></div>',
			"loadingRecords": '<div class="sk-circle"><div class="sk-circle1 sk-child"></div><div class="sk-circle2 sk-child"></div><div class="sk-circle3 sk-child"></div><div class="sk-circle4 sk-child"></div><div class="sk-circle5 sk-child"></div><div class="sk-circle6 sk-child"></div><div class="sk-circle7 sk-child"></div><div class="sk-circle8 sk-child"></div><div class="sk-circle9 sk-child"></div><div class="sk-circle10 sk-child"></div><div class="sk-circle11 sk-child"></div><div class="sk-circle12 sk-child"></div></div>',
			"paginate": {
				"first":      "Primero",
				"last":       "Ultimo",
				"next":       "Siguiente",
				"previous":   "Anterior"
			}
		},
		"bAutoWidth": false
	});
 });
</script>