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. 7.treeview

    ui mainwindow.h #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow> #include < ...

  2. linux服务器网站安全狗安装教程

    1.下载服务器安全狗和服务器网站安全狗,选择好版本.http://download.safedog.cn/safedog_linux64.tar.gz 这个是网站安全狗的下载地址2.登录centos进 ...

  3. 未在本地计算机上注册"Microsoft.Jet.OLEDB.4.0"提供程序的解决方法

    以下代码,打断点出现报错:未在本地计算机上注册“Microsoft.Jet.OLEDB.4.0”提供程序 DataSet ds=new DataSet(); try { string strCon = ...

  4. P2740 [USACO4.2]草地排水Drainage Ditches

    题目背景 在农夫约翰的农场上,每逢下雨,贝茜最喜欢的三叶草地就积聚了一潭水.这意味着草地被水淹没了,并且小草要继续生长还要花相当长一段时间.因此,农夫约翰修建了一套排水系统来使贝茜的草地免除被大水淹没 ...

  5. Array.prototype.slice.call(arguments) 通俗法理解

    Array.prototype.slice.call(arguments,num) 能将具有length属性的对象转成数组.   slice 从字面上的意思可以理解为截取数组的一部分. call 从字 ...

  6. JavaScript 获取某个字符的 Unicode 码

    function getUnicode (charCode) { return charCode.charCodeAt(0).toString(16); } 获取的是 UTF-16 编码的值,不足4位 ...

  7. Android琐碎知识点集合

    1.最近发现android studio更新之后用的v7包,每次创建Activity的时候自动继承的是AppCompatActivity,很不舒服,还是习惯Activity.没什么大的毛病,毕竟goo ...

  8. 0-NULL-nullptr

    NULL In C A null-pointer constant is an integral constant expression that evaluates to zero (like 0 ...

  9. Clonezilla制作镜像时报错: errextfsclone.c:bitmap free count err

    在检查时选中下面的选项, 如下图: -fsck-src-part Interactively check and  repair source file

  10. es6——Proxy和Reflect

    Proxy代理,Reflect反射 Proxy对属性的读取 { //供应商,原始对象 let obj={ time:'2017-1-1', name:'net', _r:123 } //代理商,新生成 ...