Cambiar el tamaño de jqGrid según el número de columnas en la cuadrícula

Markandeyulu

Tengo jqGrid (jqGrid gratuito) que contiene 7 columnas. Y apliqué la shrinkToFit: falsepropiedad para permitir el desplazamiento de las columnas de la cuadrícula (para que se ajusten al dispositivo móvil). Cuando apliqué la misma propiedad a la cuadrícula que tiene solo una cuadrícula de columna, se ve como la siguiente imagen:

ingrese la descripción de la imagen aquí

¿Cómo establecer automáticamente el ancho de la cuadrícula de acuerdo con el número de columnas?

Oleg

Puede usar el setColWidthmétodo (incluido en jqGrid gratuito ) para cambiar el ancho de la última columna dinámicamente. No sé qué escenario usa para cargar la cuadrícula. La modificación de la demostración podría ser la siguiente: http://jsfiddle.net/OlegKi/andm1299/37/ donde

$(window).bind("resize", function () {
    var p = $grid.jqGrid("getGridParam"),
        cm = p.colModel[p.iColByName.ComboDuration];

    $grid.jqGrid("setGridWidth", $grid.closest(".container-fluid").width());
    $grid.jqGrid("setColWidth", "ComboDuration", p.width - p.tblwidth + cm.width);
}).triggerHandler("resize");

El código anterior primero redimensiona el ancho de la cuadrícula según el ancho del contenedor exterior y luego ajusta el ancho de la última columna según la diferencia entre el ancho de la tabla de la cuadrícula principal y el ancho total de la cuadrícula.

Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.

En caso de infracción, por favor [email protected] Eliminar

Editado en
0

Déjame decir algunas palabras

0Comentarios
Iniciar sesiónRevisión de participación posterior

Artículos relacionados

Tamaño automático de las columnas de la cuadrícula según el valor en el valor de la cuadrícula en extjs6

Vista de cuadrícula número automático de columnas según el tamaño de la pantalla

Columnas de cuadrícula CSS según el tamaño de la pantalla

Xamarin Forms cambiar el tamaño de la animación de cuadrícula en MVVM

Cambiar el número de columnas y filas en una cuadrícula a medida que aumenta el número de elementos

Cambiar el número de columnas y filas en una cuadrícula a medida que aumenta el número de elementos

Diseño de cuadrícula receptiva de Ionic 2 con un número fijo de columnas según el tamaño de la pantalla

Agregar un número vacío de filas en la vista de cuadrícula según el recuento de filas de la cuadrícula

Especificar el número de filas y columnas en la cuadrícula

Especificar el número de filas y columnas en la cuadrícula

Cambiar el tamaño de las columnas dinámicamente en el diseño de cuadrícula CSS con el mouse

Cuadrícula con número flotante de elementos (según su tamaño) en la fila

Cambiar el tamaño de la cuadrícula después de la rotación Windows Phone 8.1

cuadrícula de datos de reacción de inovua: cambiar el tamaño de fuente predeterminado

Unite Gallery ¿cómo cambiar la posición de la cuadrícula de derecha a abajo en el cambio de tamaño?

Problema con el script para cambiar el número de columnas de lista plana según la rotación / tamaño

Cambiar el diseño de la fila a la cuadrícula en el cambio de tamaño de la pantalla

¿Cómo cambiar el texto (no el tamaño de fuente) según el tamaño de la pantalla en CSS?

¿Cómo hago que la cuadrícula CSS cambie el diseño según el tamaño de la ventana?

Animar la cuadrícula de la vista del reciclador cuando cambia el número de columnas

¿Cómo cambiar el tamaño de la prueba según el tamaño de la pantalla en Flutter?

¿Cómo cambiar el tamaño de la imagen en php según el tamaño de la pantalla?

Cambiar el tamaño de la clase según el tamaño de la pantalla en flutter

Animar la cuadrícula de vista del reciclador cuando cambia el número de columnas

¿Cómo cambiar el espacio de la columna en el diseño de la cuadrícula en el cambio de orientación en Android Studio?

cambiar el tamaño de la columna en varias filas usando el diseño de cuadrícula html

Cómo cambiar el estilo de la celda de la cuadrícula de datos según el operador condicional en WPF

Oracle APEX cambiar el orden predeterminado de las columnas en la cuadrícula interactiva

cambiar el elemento de la lista desplegable seleccionando el botón de opción en la vista de cuadrícula

TOP Lista

  1. 1

    ¿Cómo ocultar la aplicación web de los robots de búsqueda? (ASP.NET)

  2. 2

    Kibana 4 , making pie chart , error message

  3. 3

    Manera correcta de agregar referencias al proyecto C # de modo que sean compatibles con el control de versiones

  4. 4

    récupérer les noms de clés depuis Firebase react-native

  5. 5

    OAuth 2.0 utilizando Spring Security + WSO2 Identity Server

  6. 6

    Cómo eliminar o caducar las cookies en Chrome usando asp.net

  7. 7

    desbordamiento: oculto no funciona al hacer zoom en un iframe de YouTube usando transformar

  8. 8

    Cómo extraer una palabra clave (cadena) de una columna en pandas dataframe en python

  9. 9

    Link library in Visual Studio, why two different ways?

  10. 10

    선언되지 않은 유형 'MessagingDelegate'사용

  11. 11

    actualizar el contenido de la vista de reciclaje falla en la hoja inferior

  12. 12

    Ver todos los comentarios en un video de YouTube

  13. 13

    Problema con la vista de impresión de PDF

  14. 14

    ¿Cómo pintar el Dropline de un RowHeader-JTable en el Main-JTable durante un DragAndDrop?

  15. 15

    Pregunta de fórmula de desplazamiento y transposición de Excel / Google Sheets

  16. 16

    ¿Cómo puedo hacer accesible la información de color en tablas HTML?

  17. 17

    ¿Cómo generalizar el JSON en el procedimiento almacenado?

  18. 18

    Recortar fotos rectangulares de escaneos en OpenCV con Python

  19. 19

    2D 배열에 대한 Numpy 요소 별 평균 계산

  20. 20

    Typescript의 "window"전역 개체에 "adsbygoogle"애드 센스 속성을 추가하는 방법은 무엇입니까?

  21. 21

    Error: la ejecución falló para la tarea ': app: compileDebugJavaWithJavac'. java.io.FileNotFoundException:

CalienteEtiquetas

Archivo