Hola amigos tengo esta dataTable en mi vista:
<table id="eventos" class="table table-bordered table-hover">
<thead>
<tr>
<th>#</th>
<th>Salon</th>
<th>Instructor</th>
<th>Curso</th>
<th>Hora de Inicio</th>
<th>Hora de Fin</th>
<th>Fecha</th>
<th>Estado del Evento</th>
<th>Opciones</th>
</tr>
</thead>
<tbody>
<?php if(!empty($eventos)):?>
<?php foreach($eventos as $evento):?>
<tr>
<td><?php echo $evento->id;?></td>
<td><?php echo $evento->salones;?></td>
<td><?php echo $evento->instructores;?></td>
<td><?php echo $evento->cursos;?></td>
<td><?php echo $evento->hora_inicio;?></td>
<td><?php echo $evento->hora_fin;?></td>
<td><?php echo $evento->fecha;?></td>
<td><?php if ($evento->estado == "1") {
echo '<span class="label label-success">Iniciado</span>';
}else{
echo '<span class="label label-danger">Finalizado</span>';
} ?></td>
<?php $dataevento = $evento->id."*".$evento->salones."*".$evento->instructores."*".$evento->cursos."*".$evento->hora_inicio."*".$evento->hora_fin."*".$evento->fecha."*".$evento->estado;?>
<td>
<div class="btn-group">
<button type="button" class="btn btn-info btn-view-eventos" data-toggle="modal" data-target="#modal-default" value="<?php echo $dataevento?>">
<span class="fa fa-search"></span>
</button>
<a href="<?php echo base_url();?>mantenimiento/eventos/delete/<?php echo $evento->id;?>" class="btn btn-danger btn-remove"><span class="fa fa-remove"></span></a>
</div>
</td>
</tr>
<?php endforeach;?>
<?php endif;?>
</tbody>
</table>
y esto lo tengo el footer que son las propiedades, la mando a llamar por medio del id que le tengo asignado a la tabla: id=eventos:
$('#eventos').DataTable({
"language": {
"lengthMenu": "Mostrar _MENU_ registros por pagina",
"zeroRecords": "No se encontraron resultados en su busqueda",
"searchPlaceholder": "Buscar registros",
"info": "Mostrando registros de _START_ al _END_ de un total de _TOTAL_ registros",
"infoEmpty": "No existen registros",
"infoFiltered": "(filtrado de un total de _MAX_ registros)",
"search": "Buscar:",
"paginate": {
"first": "Primero",
"last": "Último",
"next": "Siguiente",
"previous": "Anterior"
},
}
});
ya le coloque la propiedad dentro del jQuery pero no funciona sigue apareciendo igual cuando lo pongo en modo telefono o tablet.
responsive: true
que podra ser? o de que manera se puede hacer? muchas gracias por su atencion.