2016-02-19 2 views
1

У меня есть jqGrid (бесплатный jqGrid), который содержит 7 столбцов. И я применил shrinkToFit: false, свойство, чтобы включить прокрутку для столбцов сетки (чтобы соответствовать мобильному устройству). Когда я применил тот же свойство сетки, имеющие только один столбец сетки выглядит как ниже изображения:Изменение размера jqGrid в соответствии с количеством столбцов в сетке

enter image description here

Как автоматически установить сетку ширины в зависимости от количества столбцов?

+0

Извините, но я не уверен, как выглядит сетка. Либо вы хотите использовать фиксированные ширины столбцов, либо хотите, чтобы некоторые столбцы были изменены. Посмотрите демо-версию http://jsfiddle.net/OlegKi/andm1299/26/. Он не использует 'shrinkToFit: false' и изменяет размер сетки в зависимости от размера окна (внешнего контейнера). Он скрывает последний столбец в случае небольшого окна. Это то, что вам нужно? Если вам нужно другое поведение, пожалуйста, опишите его более точно. – Oleg

+0

Привет, Олег, я хочу использовать 'shrinkToFit: false', как в мобильных устройствах. Я хочу отображать все столбцы с горизонтальной полосой прокрутки, если ширина сетки переполнена. Когда есть только 2 столбца, я хочу, чтобы последняя ширина столбца соответствовала оставшейся ширине сетки. – Markandeyulu

ответ

1

Вы можете использовать метод setColWidth (включенный в free jqGrid) для динамического изменения ширины последнего столбца. Я не знаю, какой сценарий для загрузки используемой сетки. Модификация the demo может быть следующее: http://jsfiddle.net/OlegKi/andm1299/37/ где

$(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"); 

выше код сначала изменение ширины сетки на основе ширины внешнего контейнера, а затем отрегулировать ширину последнего столбца, основываясь на разнице между ширину основной сетки и общую ширину сетки.

+0

, пожалуйста, помогите мне с этим [link] (http://stackoverflow.com/questions/43512436/filtering-jqgrid-by-multiple-group-conditions-at-client-side) – Markandeyulu

Смежные вопросы