Foros del Web » Programando para Internet » Javascript » Frameworks JS »

datatable jquery

Estas en el tema de datatable jquery en el foro de Frameworks JS en Foros del Web. http://descubreme.nobilis.cl/inicio....tos_listar.php Me explican el porque en google chrome me sucede esto: - aparece tremendo scroll bar inferior - el scroll bar de la datatable mueve ...
  #1 (permalink)  
Antiguo 30/01/2014, 09:48
Avatar de Game[DxS]  
Fecha de Ingreso: noviembre-2003
Ubicación: Concepción Chile
Mensajes: 100
Antigüedad: 21 años
Puntos: 0
Pregunta datatable jquery

http://descubreme.nobilis.cl/inicio....tos_listar.php


Me explican el porque en google chrome me sucede esto:

- aparece tremendo scroll bar inferior
- el scroll bar de la datatable mueve los datos pero no las columnas
- al presionar sobre una columna esta se agranda

Esto no sucede en Internet Explorer, asi que no entiendo que esta mal...

Pliz, ayudenme T_T.

Código HTML:
<script type="text/javascript" src="js/proyectos/proyectos_listar.js"></script> 
<!--<fieldset class="ui-widget ui-widget-content ui-corner-all">
	<legend class="titulo_box ui-widget ui-widget-header ui-corner-all">Listar Concursos</legend>-->
	<div class="titulo_box ui-widget ui-widget-header ui-corner-all">
	<span class="ui-icon ui-icon-folder-open icono-left"></span> Listar Proyectos
	</div>
	<br/>
<?php
include("vista/plan_trabajo.php");
include("vista/avance_gestion/gestion.php");
include("vista/final_gestion/gestion.php");
include("vista/concursos/test.php");
?>	
	<fieldset class="ui-widget ui-widget-content ui-corner-all" >
		<legend class="titulo-pags ui-widget ui-widget-header ui-corner-all">Seleccione criterios de búsqueda:</legend>
		<br/>
		<div id="format">
			<input type="checkbox" id="check1"/><label for="check1" title="Estado proyecto">Estado</label>
			<input type="checkbox" id="check2"/><label for="check2" title="Año de proyecto">Año:</label>
			<input type="checkbox" id="check3"/><label for="check3" title="Entre Fechas de inicio y término de proyecto">Rango de Fechas</label>
			<input type="checkbox" id="check4"/><label for="check4" title="Institución">Institución</label>
			<input type="checkbox" id="check5"/><label for="check5" title="Entre rango de montos asignados">Monto Asigando</label>
		</div>
<!--
**********************************************************************//
******************DIVS OCULTOS PARA BUSQUEDA**************************//
**********************************************************************//
-->
	<div class="botones">
		
		<div id="divEstado" class="divBlock">
		<br/>Estado: <select id="cmb_estado"></select>
		</div>
		
		<div id="divAnio" class="divBlock">
		<br/>Año
		<input type="text" size="10" id="txt_anio"  name="txt_anio" readOnly="readOnly"/>
		</div>
		
		<div id="divRango" class="divBlock">
		<br/>Entre el
		<input type="text" size="10" id="txt_fecha_ini"  name="txt_fecha_ini" readOnly="readOnly"/> 
		y el <input type="text" size="10" id="txt_fecha_ter"  name="txt_fecha_ter" readOnly="readOnly"/>
		</div>
		
		<div id="divInstitucion" class="divBlock">
		<br/>Institución:
		<input type="text" id="txt_institucion" name="txt_institucion"  size="40" class="validate[required]"/>
					<img src="img/iconos/lupa.png" class="x16 puntero" title="Buscar Institución" onclick="buscar_institucion()"/>
		</div>
		
		<div id="divMonto" class="divBlock">
		<br/>Entre 
		$<input type="text" size="20" id="txt_monto_ini"  name="txt_monto_ini" readOnly="readOnly"/> 
		y $<input type="text" size="20" id="txt_monto_ter"  name="txt_monto_ter" readOnly="readOnly"/>
		</div>
		
		<br/>
			<button onclick="buscar_proyectos()" type="button" title="Buscar Proyectos"> <img src='img/iconos/lupa.png' class="x16" alt=""/> Buscar Proyectos</button>    
	</div>
	<br/>
	</fieldset>
	
	<br/>
<!--
//**********************************************************************//
//************************* data table *********************************//
//**********************************************************************//
-->
<fieldset class="ui-widget ui-widget-content ui-corner-all">
<legend class="titulo-pags ui-widget ui-widget-header ui-corner-all">Listado de Proyectos: </legend>
	<br/>
	<div id="proyectos-contain" class="ui-widget">
	<table id="tabla-proyectos" class="ui-widget ui-widget-content display" width="50%">
		<thead class="ui-widget-header" >
			<tr>
				<th title="Nombre Concurso">Concurso</th>
				<th title="Nombre Institución">Institución</th>
				<th>Zona</th>
				<th>Línea</th>
				<th title="Nombre Proyecto">Proyecto</th>
				<th>Estado</th>
				<th title="Fecha Inicio Proyecto">Fecha Ini.</th>
				<th title="Fecha Término Proyecto">Fecha Ter.</th>
				<th title="Nº Beneficiarios Directos">Ben. Directos</th>
				<th title="Duración en Nº de meses">Duración</th>
				<th>Monto Aprobado</th>
				<th>Acciones</th>
			</tr>
			</thead>
			<tbody id="dinamico" style="height:250px;">	
			</tbody>
	</table>
	</div>
	<div class="botones">
		<br/>
		<button onclick="nuevo_proyecto()" type="button" title="Añadir Nuevo Proyecto"> <img src='img/iconos/add.png' class="x16" alt=""/> Nuevo Proyecto</button>
		<button onclick="ventanaNueva('vistas/reportes/listado_usuariosPDF.php')" type="button" title="Generar documento PDF"> <img src='img/iconos/icono_pdf.gif' class="x16" alt=""/> Generar PDF</button>  
	</div>
	<br/>
</fieldset>
<br/> 
Código:
//*******************************************************************************//
//inicializa datatable users
//*******************************************************************************//
$(document).ready(function(){ 

	var oTable = $('#tabla-proyectos').dataTable( {
	        //"sPaginationType": "full_numbers",
		"bJQueryUI": true,
		"sScrollX": "100%",
		"sScrollY": "252px",
		"bFilter": false,	
		"sScrollX": "100%",
		"sScrollXInner": "110%",
		"bScrollCollapse": true,		
		 "oLanguage": {
                "sUrl": "js/dataTables.espanol.txt"},	
		"aoColumns": [
		  			null,
					null,
		  		  	null,
		  		  	null,
				 	null,
					null,
					null,
		  		  	null,
		  		  	null,
				 	null,
					null,
					 { "bSortable": false }
		  ]
	    } );	  
});

Etiquetas: datatable, input, jquery, js, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:20.