¿Hay alguna manera de no mostrar las barras de desplazamiento? Tampoco nos gustaría mostrar el espacio adicional donde irían las barras de desplazamiento si nuestros datos no encajaban en la cuadrícula.jqGrid - no mostrar barras de desplazamiento
Respuesta
Puede establecer height
y width
en 100%, y luego aparecen las barras de desplazamiento ’ t. Solo aparecen si la cuadrícula es más grande que el espacio asignado. Para eliminar el espacio adicional para las barras, ajuste scrollOffset
a 0.
Esto es un ejemplo de definición de rejilla (versión corregida a continuación):
$("#myGrid").jqGrid({
url: 'datasourceurl',
datatype: "json",
colNames: eval(json.colNames),
colModel: eval(json.colModel),
rowNum: -1,
width: 100%,
height: 100%,
scrollOffset: 0,
rowList: [10, 20, 30],
pager: jQuery('#myPager'),
...
},
I refugio ’ t probado esto, pero yo uso height: 100%
para el mismo propósito ... así que avíseme si ve algo perdido.
EDIT: Una mejor definición, y la mejora en mi uso de JSON - gracias :) Oleg
$("#myGrid").jqGrid({
url: 'datasourceurl',
datatype: "json",
colNames: JSON.parse(json.colNames),
colModel: JSON.parse(json.colModel),
width: '100%',
height: '100%',
rowList: [10, 20, 30],
pager: jQuery('#myPager'),
...
},
Parece que esto se puede hacer con scrollOffset:0
. Vio este consejo here
Disculpe Marcus, pero no entiendo cómo la configuración de 'scrollOffset: 0' puede ayudar si no tiene barras de desplazamiento ** sin la configuración ** también. Intenta jugar con una página de prueba http://www.ok-soft-gmbh.com/jqGrid/ClientsideEditing6.htm que no tiene 'scrollOffset: 0'. Solo utiliza 'width: '100%'' y 'height: '100%''. ¿Podría encontrar un ejemplo donde verá barras de desplazamiento? – Oleg
Si no tengo barras de desplazamiento, todavía hay un espacio a la derecha de la cuadrícula donde iría la barra de desplazamiento si hubiera datos adicionales. Configurar scrollOffset parece eliminar este espacio adicional. –
@Markus: Lo siento Markus, pero solo puedo repetir que, en mi opinión, el valor del parámetro 'scrollOffset' es absolutamente irrelevante, al menos junto con las configuraciones' width: '100%' 'y' height: '100%' 'que apaga el desplazamiento en el jqGrid. Simplemente compare http://www.ok-soft-gmbh.com/jqGrid/ClientsideEditing7.htm con 'scrollOffset: 500' con http://www.ok-soft-gmbh.com/jqGrid/ClientsideEditing6.htm con valor predeterminado de 'scrollOffset'. ¿Puedes ver alguna diferencia? No puedo – Oleg
- 1. TMemo con Auto Mostrar/Ocultar barras de desplazamiento
- 2. jqGrid barra de desplazamiento horizontal
- 3. jqGrid con altura automática; pero tiene una altura máxima y barras de desplazamiento
- 4. barras de desplazamiento en JTextArea
- 5. Barra de desplazamiento horizontal innecesaria jqGrid
- 6. Barras de desplazamiento verticales con window.open
- 7. UIScrollView no mostrar el indicador de desplazamiento
- 8. Las barras de desplazamiento Cocoa WebView no desaparecerán
- 9. Jquery Draggable no posiciona correctamente las barras de desplazamiento
- 10. Diseño de barras de desplazamiento con CSS
- 11. jqGrid - ¿Hay alguna manera de mostrar siempre una barra de desplazamiento vertical?
- 12. Div barra de desplazamiento vertical mostrar
- 13. Bootstrap: cómo habilitar barras de desplazamiento?
- 14. Barras de desplazamiento tipo Apple con CSS
- 15. jQuery ui ReSizable con barras de desplazamiento
- 16. jqGrid - Barra de desplazamiento faltante en Safari Mobile
- 17. ¿Cómo puedo mostrar las barras de desplazamiento en un control PictureBox?
- 18. Redimensionar de forma programada DataGridView para eliminar barras de desplazamiento
- 19. ¿Cómo puedo mostrar las barras de desplazamiento en un System.Windows.Forms.TextBox solo cuando el texto no se ajusta?
- 20. ¿Cómo mostrar todas las filas en jqGrid?
- 21. Barras de datos dentro de la celda en jqGrid - posible o no?
- 22. Tamaño JScrollPane que contiene JPanel cuando aparecen barras de desplazamiento
- 23. Ocultando las barras de herramientas de Adobe, barras de menú, barra de desplazamiento, etc.
- 24. Deshabilitar la ocultación automática de barras de desplazamiento en Lion
- 25. Aplicación de Internet autónoma y barras de desplazamiento del navegador
- 26. CSS - sin barras de desplazamiento en el ipad
- 27. Iframe siempre mostrando barras de desplazamiento en IE7
- 28. ¿Cuál es el problema con CSS y barras de desplazamiento?
- 29. Cambiar el estilo de las barras de desplazamiento
- 30. ¿Cómo puedo desactivar las barras de desplazamiento de una página?
En general, la sugerencia de utilizar un ancho y una altura del 100% es absolutamente correcta. Los valores deben citarse ('100%' o "100%"). 'eval' es malo. Si lo necesita en algún lugar, debería usar 'JSON.parse'. Es mucho más rápido en todos los navegadores actuales (ver http://www.json.org/js.html) y seguro de causa. El uso de 'rowNum: -1' también es peligroso. Depende del servidor que uses. Mucho ahorro para usar un valor de los valores 'rowList' o un entero grande como 10000. El uso de' scrollOffset: 0' tampoco me parece necesario. Lo siento por tanta crítica, pero tengo que escribir esto. – Oleg
¡Gracias por los comentarios! –
gracias por publicar esta corrección Oleg, me ayudó a corregir el mismo problema. –