Jquery 滚动显示'；JqGrid列中的s'；s头

下面是我的JqGrid Ajax函数：

function GetData() {
    $.ajax({
        type: "POST",
        url: "../Downloads.aspx/GetDownLoadData",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        //async: false,
        success: function (response) {
            debugger;
            var item = response.d;
            if (item != null && item != "" && typeof (item) != 'undefined') {

                $("#list").jqGrid({
                    data: JSON.parse(item),
                    datatype: 'local',
                    colNames: ['DownLoad Name', 'Format','Size','Link',''],
                    colModel: [
                    { name: 'DownLoadName', index: 'DownLoadName', width: 200, align: 'left', stype: 'text', editable: false },
                    { name: 'Format', index: 'Format', width: 150, align: 'left', stype: 'text', editable: false },
                    { name: 'Size', index: 'Size', width: 150, align: 'left', stype: 'text', editable: false },
                    { name: 'Link', index: 'Link', width: 150, align: 'left', stype: 'text', editable: false },
                    { name: 'Id', index: 'Id', width: 145, align: 'left', stype: 'text', editable: false,hidden:true }
                    ],
                    rowNum: 5,
                    height:'auto',
                    altRows: true,
                    hoverrows:true,
                    rowList: [5, 10, 20],
                    pager: '#pager',
                    sortname: 'Id',
                    sortorder: 'asc',
                    caption: "DownLoad Data",
                    viewrecords: true,
                    loadonce: true,
                    gridview: true,
                    width:995,
                       loadError: function (xhr) {
                        alert("The Status code:" + xhr.status + " Message:" + xhr.statusText);//Getting reponse 200 ok
                    }
                });
            }
            else {
                var result = '<tr align="left"><td>' + "No Record" + '</td></tr>';
                $('#list').empty().append(result);
            }
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            alert("error");
        }
    });
}

函数GetData（）{ $.ajax({ 类型：“POST”， url:“../Downloads.aspx/GetDownLoadData”， contentType:“应用程序/json；字符集=utf-8”， 数据类型：“json”， //async:false， 成功：功能（响应）{ 调试器； var项目=响应。d； if（item！=null&&item！=“&&typeof（item）！=”未定义“）{ $（“#列表”）.jqGrid({ 数据：JSON.parse（item）， 数据类型：“本地”， colNames:[‘下载名称’、‘格式’、‘大小’、‘链接’、“”]， colModel：[ {name:'DownLoadName'，index:'DownLoadName'，宽度：200，align:'left'，stype:'text'，editable:false}， {name:'Format'，index:'Format'，width:150，align:'left'，stype:'text'，editable:false}， {name:'Size'，index:'Size'，width:150，align:'left'，stype:'text'，editable:false}， {name:'Link'，index:'Link'，width:150，align:'left'，stype:'text'，editable:false}， {name:'Id'，index:'Id'，width:145，align:'left'，stype:'text'，可编辑：false，hidden:true} ], 行数：5， 高度：'自动'， 阿尔特罗斯：是的， 没错， 行列表：[5,10,20]， 寻呼机：“#寻呼机”， sortname:'Id'， 排序器：“asc”， 标题：“下载数据”， viewrecords：是的， 有一次：是的， gridview：没错， 宽度：995， loadError:函数（xhr）{ 警报（“状态代码：+xhr.Status+”消息：+xhr.statusText）；//正在获取响应200确定 } }); } 否则{ var结果=“”+“无记录”+“”； $（'#list'）.empty（）.append（结果）； } }, 错误：函数（XMLHttpRequest、textStatus、errorshown）{ 警报（“错误”）； } }); } 它为我提供了完美的输出，但是在输出中，为什么滚动条出现在列标题中？我不明白。请帮我解决。谢谢。 这里是输出：

---

请参阅

链接

列中的附加图像和圆圈。

我建议您使用以下附加CSS规则来解决此问题：

.ui jqgrid hdiv{overflow-y:hidden；}

或

---

jqGrid集合仅<代码>溢出-x：隐藏在

.ui jqgrid hdiv

上（请参阅）。所以，取决于其他CSS规则的使用，它可以是垂直滚动条将包括在内。上面的CSS角色将其删除。

@Oleg..i在

ui.jqgrid.CSS

中插入此代码，但它仍然显示scroll@Oleg...now它在firefox上可以正常工作，但在firefox上不行Opera@MuhammadAli：永远不要修改

ui.jqgrid.css

或其他您不拥有的文件。只需在

之后插入

.ui jqgrid.ui jqgrid hdiv{overflow-y:hidden；}

。关于Opera的问题：Opera的哪个版本存在问题：在12.17或24.0.1558.64中？在测试期间使用哪种缩放（100%或更多）？你有可以用来重现问题的演示吗？您描述的问题不是纯粹的jqGrid问题。这个问题只存在于

ui.jqgrid.css

和其他css（哪个？）的组合中。@Oleg…谢谢你的建议，我使用的Opera版本是24.0.1558.64。Zoom设置为100%，如果重叠是这样的话，我想是的，它也会出现在firefox中，但是在firefox中，它工作得很好。@MuhammadAli:你有可以用来重现问题的演示吗？例如，如果您没有在线演示，您可以在JSFIDLE中创建它。您可以获得一个类似的示例，并将其修改为youth。我想您需要添加一些CSS。点击左边的“外部资源”，用附加的CSS或JS粘贴URL，然后点击“+”添加它。单击末尾的“保存”并发布生成的URL。如果问题仅存在于从服务器加载的数据中，请参阅使用“/echo/json/”服务。

.ui-jqgrid .ui-jqgrid-hdiv { overflow-y: hidden; }