jqGrid冻结列
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冻结列的更多相关文章
- jqgrid 设置冻结列
有时,jqgrid表格的列非常多,而表格的宽度值是固定的,我们需要在表格底部出现滚动条,并且固定前面几个列作为数据参照项,如何实现? 需要用的jqgrid冻结列,步骤如下: 1)设置需要冻结的列属性, ...
- JS组件系列——Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
前言:最近项目里面需要用到表格的冻结列功能,所谓“冻结列”,就是某些情况下表格的列比较多,需要固定前面的几列,后面的列滚动.遗憾的是,bootstrap table里自带的fixed column功能 ...
- 怎么在Microsoft Project中冻结列
在用Project排项目计划的时候如果在Gantt图中列比较多,左右滚动的时候就会经想像如果能想Excel一样冻结某些列就方便多了,其实在Project中虽然没有冻结列的功能,但通过一些变通方法还是可 ...
- html table冻结列
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx. ...
- easy ui datagrid 设置冻结列
为了冻结列,您需要定义 frozenColumns 属性.frozenColumn 属性和 columns 属性一样. $('#tt').datagrid({ title:'Frozen Column ...
- JS组件系列——自己动手扩展BootstrapTable的 冻结列 功能:彻底解决高度问题
前言:一年前,博主分享过一篇关于bootstrapTable组件冻结列的解决方案 JS组件系列——Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案 ,通过该篇,确实可以实现bo ...
- EasyUI 冻结列
一.如果是js绘制的,设置frozenColumn属性就可以,frozenColumn 属性和 columns 属性都是设置列,frozenColumn是设置冻结列 $('#tt').datagrid ...
- 雷林鹏分享:jQuery EasyUI 数据网格 - 设置冻结列
jQuery EasyUI 数据网格 - 设置冻结列 本实例演示如何冻结一些列,当用户在网格上移动水平滚动条时,冻结列不能滚动到视图的外部. 为了冻结列,您需要定义 frozenColumns 属性. ...
- jqGrid选择列控件向右拖拽超出边界处理
jqGrid选择列控件向右拖拽超出边界处理 $("#tb_DeviceInfo").jqGrid('navButtonAdd', '#jqGridPager', { ...
随机推荐
- 7.treeview
ui mainwindow.h #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow> #include < ...
- linux服务器网站安全狗安装教程
1.下载服务器安全狗和服务器网站安全狗,选择好版本.http://download.safedog.cn/safedog_linux64.tar.gz 这个是网站安全狗的下载地址2.登录centos进 ...
- 未在本地计算机上注册"Microsoft.Jet.OLEDB.4.0"提供程序的解决方法
以下代码,打断点出现报错:未在本地计算机上注册“Microsoft.Jet.OLEDB.4.0”提供程序 DataSet ds=new DataSet(); try { string strCon = ...
- P2740 [USACO4.2]草地排水Drainage Ditches
题目背景 在农夫约翰的农场上,每逢下雨,贝茜最喜欢的三叶草地就积聚了一潭水.这意味着草地被水淹没了,并且小草要继续生长还要花相当长一段时间.因此,农夫约翰修建了一套排水系统来使贝茜的草地免除被大水淹没 ...
- Array.prototype.slice.call(arguments) 通俗法理解
Array.prototype.slice.call(arguments,num) 能将具有length属性的对象转成数组. slice 从字面上的意思可以理解为截取数组的一部分. call 从字 ...
- JavaScript 获取某个字符的 Unicode 码
function getUnicode (charCode) { return charCode.charCodeAt(0).toString(16); } 获取的是 UTF-16 编码的值,不足4位 ...
- Android琐碎知识点集合
1.最近发现android studio更新之后用的v7包,每次创建Activity的时候自动继承的是AppCompatActivity,很不舒服,还是习惯Activity.没什么大的毛病,毕竟goo ...
- 0-NULL-nullptr
NULL In C A null-pointer constant is an integral constant expression that evaluates to zero (like 0 ...
- Clonezilla制作镜像时报错: errextfsclone.c:bitmap free count err
在检查时选中下面的选项, 如下图: -fsck-src-part Interactively check and repair source file
- es6——Proxy和Reflect
Proxy代理,Reflect反射 Proxy对属性的读取 { //供应商,原始对象 let obj={ time:'2017-1-1', name:'net', _r:123 } //代理商,新生成 ...