jqgrid冻结列

  冻结列:就是横向移动表格时,让某一列保持不动

  做法:

    1.colModel的行要加上属性: frozen:true。注意:冻结列必须从第一列开始,包括隐藏列

    2.加载jqgrid后需要再加上这句:$("#jq_table") .jqGrid('setFrozenColumns')

     3.也可以加上shrinkToFit: false 属性 // ture: 按比例初始化列宽度  false: 列宽度使用colModel指定的宽度   ---这里设置为false是当数据为空也能看到冻结效果,可根据实际需求设置

     function gridList() {
var $gridList = $("#gridList");
$gridList.dataGrid({
url: "/POM/Order/GetModels?plandate=" + $("#txt_plandate").val(),
height: $(window).height() - 128,
colModel: [
{ label: '主键', name: 'Id', hidden: true, frozen: true },//这里
{ label: '订单号', name: 'OrderCode', width: 130, align: 'left', frozen: true },//这里
{
label: '计划日', name: 'PlanDate', width: 80, align: 'left',
formatter: function (cellvalue) {
var oldTime = (new Date(cellvalue)).getTime();
var curTime = new Date(oldTime).format("yyyy-MM-dd");
return curTime;
}, frozen: true
},//这里
{ label: '产品编号', name: 'MaterielNo', width: 70, align: 'left' },
{ label: '产品名称', name: 'MaterielName', width: 70, align: 'left' },
{ label: '产品型号', name: 'MaterielModel', width: 70, align: 'left' },
{ label: '工艺', name: 'PPRName', width: 60, align: 'left' },
{ label: '工艺', name: 'PPRCode', hidden: true },
{ label: '生产线', name: 'CellName', width: 70, align: 'left' },
{ label: '生产线', name: 'CellCode', hidden: true },
{ label: '状态', name: 'StatusNameCN', width: 60, align: 'left' },
{ label: '状态', name: 'Status', hidden: true },
{ label: '类型', name: 'TypeNameCN', width: 60, align: 'left' },
{ label: '类型', name: 'Type', hidden: true },
{ label: '数量', name: 'Amount', width: 60, align: 'left' },
{ label: '完成数量', name: 'FinishAmount', width: 60, align: 'left' },
{ label: '单位', name: 'Uom', width: 60, align: 'left' },
{ label: '前缀', name: 'Column_1', width: 100, align: 'left' },
{ label: '号段开始', name: 'NumberSegmentStart', width: 60, align: 'left' },
{ label: '排序号', name: 'OrderIndex', width: 60, align: 'left' },
{ label: '实际开始时间', name: 'ActualStartTime', width: 80, align: 'left'},
{ label: '实际结束时间', name: 'ActualEndTime', width: 80, align: 'left'},
{ label: '备注', name: 'Memo', width: 80, align: 'left' }
],
pager: "#gridPager",
sortname: 'CreationTime desc',
viewrecords: true,
});
jQuery("#gridList").jqGrid('setFrozenColumns');//这里
$("#btn_search").click(function () {
$gridList.jqGrid('setGridParam', {
url:"/POM/Order/GetModels",
postData: { plandate: $("#txt_plandate").val(),plandate2: $("#txt_plandate2").val() ,materielno: $("#txt_materielno").val(), type: $("#txt_type").val(), status: $("#txt_status").val() }
}).trigger('reloadGrid');
});
}

jqGrid冻结列的更多相关文章

  1. jqgrid 设置冻结列

    有时,jqgrid表格的列非常多,而表格的宽度值是固定的,我们需要在表格底部出现滚动条,并且固定前面几个列作为数据参照项,如何实现? 需要用的jqgrid冻结列,步骤如下: 1)设置需要冻结的列属性, ...

  2. JS组件系列——Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案

    前言:最近项目里面需要用到表格的冻结列功能,所谓“冻结列”,就是某些情况下表格的列比较多,需要固定前面的几列,后面的列滚动.遗憾的是,bootstrap table里自带的fixed column功能 ...

  3. 怎么在Microsoft Project中冻结列

    在用Project排项目计划的时候如果在Gantt图中列比较多,左右滚动的时候就会经想像如果能想Excel一样冻结某些列就方便多了,其实在Project中虽然没有冻结列的功能,但通过一些变通方法还是可 ...

  4. html table冻结列

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx. ...

  5. easy ui datagrid 设置冻结列

    为了冻结列,您需要定义 frozenColumns 属性.frozenColumn 属性和 columns 属性一样. $('#tt').datagrid({ title:'Frozen Column ...

  6. JS组件系列——自己动手扩展BootstrapTable的 冻结列 功能:彻底解决高度问题

    前言:一年前,博主分享过一篇关于bootstrapTable组件冻结列的解决方案  JS组件系列——Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案 ,通过该篇,确实可以实现bo ...

  7. EasyUI 冻结列

    一.如果是js绘制的,设置frozenColumn属性就可以,frozenColumn 属性和 columns 属性都是设置列,frozenColumn是设置冻结列 $('#tt').datagrid ...

  8. 雷林鹏分享:jQuery EasyUI 数据网格 - 设置冻结列

    jQuery EasyUI 数据网格 - 设置冻结列 本实例演示如何冻结一些列,当用户在网格上移动水平滚动条时,冻结列不能滚动到视图的外部. 为了冻结列,您需要定义 frozenColumns 属性. ...

  9. jqGrid选择列控件向右拖拽超出边界处理

    jqGrid选择列控件向右拖拽超出边界处理 $("#tb_DeviceInfo").jqGrid('navButtonAdd', '#jqGridPager', {         ...

随机推荐

  1. web前端简单布局

    jquery实现的计算器

  2. 阿里云服务器用Docker配置运行nginx并访问

    一.Docker拉取nginx镜像 docker pull nginx:1.12.2 这里是下载的是nginx的1.12.2版本,其他版本的镜像请访问https://hub.docker.com/r/ ...

  3. Memched——C#操作

    Memched还是比较简单的,这里把C#的相关操作整理了一下,Mark~ /// <summary> /// 缓存操作类. /// </summary> /// <rem ...

  4. asp.net中Server.MapPath的使用

    http://www.studyofnet.com/news/184.html   本文导读:Server.MapPath()的全名是System.Web.HttpContext.Current.Se ...

  5. Python写99乘法表

    #!/usr/bin/python# -*- encoding:utf-8 -*- for i in range(1,10):    s=''    for j in range(1,i+1):    ...

  6. C++ should define all local variable outside the loop?

    see the following two examples, the conclusion is that we should define variable in the loop if it c ...

  7. Python2以及Python3中的除法

    前言 在讨论话题之前,我们先说下程序中除法的三种情况: 1. 传统的除法,我称之为整型地板除.在C.C++.Java中常见,特点是整数相除舍弃小数取整,浮点数相除则保留小数(如果有). >> ...

  8. css——权重叠加

    权重叠加 在下面的一段代码中,第一个样式body b有两个标签,第二个有一个标签b.两个中都有color,会应用哪一个呢?果是 那下面的代码会显示什么样的结果 结果是 应用的事body b中的colo ...

  9. 【转】python 关键字

    转自:http://www.cnblogs.com/hongten/p/hongten_python_keywords.html python3.3.2中的关键字如下: The following i ...

  10. 《一个民企CEO的职场阳谋》–读书总结(下)

    职场是一个战场,很多人几十年在这里战斗. 职场是一个熔炉,很多人大半生在这里修炼. 如果在办公室里得不到快乐,生活就不会快乐. 如果公司里头感觉不到幸福,人生就不会幸福.(以上四句来自老刘的博客) & ...