jqgrid 行列表下拉列表丢失

Question

jqgrid 行列表下拉列表丢失。

Missing jqgrid rolwist dropdown http://www.managementlevelreview.com/images/MissingRowlist.jpg

我的代码：

jQuery("#gridsavedAfterHours").jqGrid({
    url:'/AfterHours/GetsavedAfterHours?userid=${thisuserid}&&orgcode=${thisorgcode}',
    datatype: 'json',
    colNames:['ID','Name','Branch','Start','End'],
    colModel:[
        {name:'AfterHoursId', index:'AfterHoursId', width:25, sortable:true, search:false, key: true},
        {name:'UserFullName', index:'UserFullName', width:150, sortable:true, search:false},
        {name:'UserOrgLongName', index:'UserOrgLongName', width:150, sortable:true, search:false},
        {name:'enteredStartDate', index:'enteredStartDate', width:100, sortable:true, search:false},
        {name:'enteredEndDate', index:'enteredEndDate', width:100, sortable:true, search:false}
    ],
    rowNum:${DefaultRowNumber ?? 10},
    rowList:[10,25,50,100],
    pager: jQuery('#savedAfterHoursPager'),
    onSelectRow: function(id){},
    sortname: 'Start',
    viewrecords: true,
    sortorder: 'desc',
    multiselect: false,
    imgpath: '/Content/images',
    caption: 'After Hours',
    height: 'auto',
    width: '800px',
    emptyrecords: 'No After Hours data found.'
}).navGrid('#savedAfterHoursPager',
    {edit:false,add:false,del:false},
    {}, // use default settings for edit
    {}, // use default settings for add
    {}, // delete instead that del:false we need this
    {   //search options
    closeOnEscape:true /* allow the view dialog to be closed when user press ESC key*/
    }
);

Answer 1

我假设您为 input 字段定义了一些 CSS 样式，该字段具有较大的 width 属性，可能还有一些其他属性。我建议您在页面上包含以下附加 CSS

input.ui-pg-input { width: auto; }

另请参阅another answer 的相关主题。