jqgrid工作记录1（单元格内容过长三个点显示，表头自动换行，取消滚动条预留空间）

①单元格内容过长三个点显示

效果如下：

页面加入css:

<style>
    .ui-jqgrid tr.jqgrow td {
        white-space: nowrap;
        text-overflow: ellipsis;
    }
</style>

②表头自动换行

效果如下：

 

页面加入css:

<style>
    th.ui-th-column div {
        white-space: normal !important;
        height: auto !important;
    }
</style>

 ③取消滚动条预留空间

取消前世这样的：

取消后是这样的：

影响美观的白色空白消失了

需要在jqgrid的配置中加上：scrollOffset:0,

jqGrid = $("#jqgrid-tab").loadJqGrid({
    url: url,
    postData: json,
    pageSelector: "jqgrid-pager",
    colNames: [ *** ],
    colModel: [ *** ],
    height:jqgridHeight,
    rowNum:20,
    scrollOffset:0,
    rowList:[20,50,100,500]
});