Установите фиксированную ширину столбца на JQGrid

Есть ли способ установить фиксированную ширину столбца и высоту для Jqgrid.Установите фиксированную ширину столбца на JQGrid

Я изменил jqgrid CSS для

.ui-jqgrid tr.jqgrow td {vertical-align:text-top;font-weight: normal; overflow: hidden; white-space:pre-wrap; height: 20px !important;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}

но то не установить высоту 20px.

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

Ниже моя ColName и модель

ColNameData = ['Date', 'Fund', 'Partner', 'Menu', 'Sub Menu', 'Document Name', 'Document Description', 'Type', 'ID']; 
        ColModelData = [{ name: 'MessageDate', 
         align: 'right', 
         sorttype: 'date', 
         datefmt: 'm/d/Y', 
         width :10,resizable:false 
          }, 
            { name: 'Fund', align: 'left',width : 8, resizable:false}, 
            { name: 'Partner', align: 'left',width : 7,resizable:false }, 
            { name: 'Menu', align: 'left',width : 9,resizable:false }, 
            { name: 'SubMenu', align: 'left',width : 9,resizable:false}, 
            { name: 'Documentname', align: 'left',width : 35,resizable:false }, 
            { name: 'DocumentDescription', align: 'left',width : 35,resizable:false }, 
            { name: 'Type', align: 'left',width : 5,resizable:false}, 
            { name: 'ID', hidden: true, resizable: false } 
            ];

источник

2013-03-05 Vish

В jqgrid свойств вы обнаружите, что ширина и высота jqgrid можно установить свойства width и height как указано here. То же самое относится к каждой строке jqgrid.

{ name: 'Fund', align: 'left',width : 8, height:20, resizable:false}

выше линии будет установить высоту этой ячейки в 20 px. Таким образом, вы можете установить параметр всех столбцов height обеспечить высоту строки в 20 px

источник

2013-03-06 04:07:56

Это работало прекрасно для меня (звонок после jqgrid визуализируется)

function reDefineColWidth(){ 
    var columnWidths = '65px|88px|175px|140px|200px|75px|140px|150px|130px|220px|125px|230px|200px|111px' 
    var widthsArr = columnWidths.split('|'); 
    for(var j=0; j < widthsArr.length ; j++){ 
     $('.ui-jqgrid-labels > th:eq('+j+')').css('width',widthsArr[j]); // will set the column header widths 
     $('#grid tr').find('td:eq('+j+')').each(function(){$(this).css('width',widthsArr[j]);}) // will set the column widths 
    } 
}

источник

2013-11-27 06:14:13

Вы можете использовать фиксированный параметр в colModel

fixed: true

свойство столбца (см docs)

источник

2014-04-10 10:51:56

кредита Ниль и Ахо. В jqGrid 4.5.4 я обнаружил, что применение как resizable to false, так и fixed to true в столбце в colModel работало, когда autowidth было установлено true для всей сетки.

{ name: 'fund', width: 8, height: 20, resizable: false, fixed: true }

Невозможно подтвердить будущие версии.

источник

2016-12-22 11:48:06 Joey

Установите фиксированную ширину столбца на JQGrid

ответ

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