Jqgrid水平滚动条的问题

时间:2021-03-01 23:14:15
由于需要显示的列比较多,设定了控件的宽度width:"800",但是列的总宽度肯定大于800
所以需要出现水平滚动条来显示,但是不知道怎么设置,望大侠指点

11 个解决方案

#1


设置了具体宽度后,如果超出屏幕显示自动就会有滚动条了

#2


该回复于2010-02-23 16:32:23被版主删除

#3


同问,帮你顶一下!!

#4




width:800px;overflow-x:scroll;overflow-y:hidden;

#5


上面说的很对。

#6


autoScroll: true;

#7


shrinkToFit:false
把这个变false不要缩小去适应··

#8


var gridWidth = $("#menu").width() - 6;
$("#gbox_dataInfo").css({ overflow: "hidden", width: gridWidth }); //其中dataInfo为表格ID
$("#pager").css({ width: gridWidth }); ////其中pager为分页div的ID
$("#gview_dataInfo").attr("style", ""); //其中dataInfo为表格ID
$("#gview_dataInfo").css({ "overflow-x": "scroll", width: "100%" });

#9


    $("#dataInfo").jqGrid({
        datatype: "local", //Array Data
        colNames: [
                    '轨迹', 
                    '车牌号码'
], //列标题列表
        colModel: [
            { name: 'CheckBox', index: 'CheckBox', align: 'center', width: 100,sortable: false  },
            { name: 'LicenceNumber', index: 'LicenceNumber', align: 'left', width: 250 }
        ],
        width: 1400,
        autowidth: false,//必须要,否则没有水平滚动条
        rownumbers: false
    });

#10


shrinkToFit:false
成了,谢谢

#11


thank you,huipeng3321

#1


设置了具体宽度后,如果超出屏幕显示自动就会有滚动条了

#2


该回复于2010-02-23 16:32:23被版主删除

#3


同问,帮你顶一下!!

#4




width:800px;overflow-x:scroll;overflow-y:hidden;

#5


上面说的很对。

#6


autoScroll: true;

#7


shrinkToFit:false
把这个变false不要缩小去适应··

#8


var gridWidth = $("#menu").width() - 6;
$("#gbox_dataInfo").css({ overflow: "hidden", width: gridWidth }); //其中dataInfo为表格ID
$("#pager").css({ width: gridWidth }); ////其中pager为分页div的ID
$("#gview_dataInfo").attr("style", ""); //其中dataInfo为表格ID
$("#gview_dataInfo").css({ "overflow-x": "scroll", width: "100%" });

#9


    $("#dataInfo").jqGrid({
        datatype: "local", //Array Data
        colNames: [
                    '轨迹', 
                    '车牌号码'
], //列标题列表
        colModel: [
            { name: 'CheckBox', index: 'CheckBox', align: 'center', width: 100,sortable: false  },
            { name: 'LicenceNumber', index: 'LicenceNumber', align: 'left', width: 250 }
        ],
        width: 1400,
        autowidth: false,//必须要,否则没有水平滚动条
        rownumbers: false
    });

#10


shrinkToFit:false
成了,谢谢

#11


thank you,huipeng3321