首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在jqGrid中,是否可以在隐藏列后调整列的大小以适合表格宽度(原始宽度)?

在jqGrid中,可以在隐藏列后调整列的大小以适合表格宽度(原始宽度)。

首先,可以使用setColWidth方法来调整列的宽度。例如,如果要调整名为“columnName”的列的宽度,可以使用以下代码:

代码语言:javascript
复制
$("#grid").jqGrid('setColWidth', 'columnName', newWidth);

其中,$("#grid")是jqGrid的实例,columnName是要调整宽度的列的名称,newWidth是新的宽度。

接下来,可以使用hideCol方法来隐藏列。例如,如果要隐藏名为“hiddenColumn”的列,可以使用以下代码:

代码语言:javascript
复制
$("#grid").jqGrid('hideCol', 'hiddenColumn');

在隐藏列后,可以使用setGridWidth方法来调整表格的宽度以适应新的列宽度。例如,可以使用以下代码:

代码语言:javascript
复制
$("#grid").jqGrid('setGridWidth', newGridWidth);

其中,newGridWidth是新的表格宽度。

总结一下,可以使用以下代码来隐藏列并调整表格宽度以适应新的列宽度:

代码语言:javascript
复制
$("#grid").jqGrid('hideCol', 'hiddenColumn');
$("#grid").jqGrid('setColWidth', 'columnName', newWidth);
$("#grid").jqGrid('setGridWidth', newGridWidth);

这样,就可以在隐藏列后调整列的大小以适合表格宽度(原始宽度)。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

JqGrid实现超长水平(左右)滚动条功能

此种情况下,jqGrid显示内容宽并没有按照设置宽显示。被压缩。则按比例初始化宽度。 字段较多情况 针对字段较多情况,官方提供了两个属性来进行解决。...如果为false,则宽度使用colModel指定宽度。默认值为true。 autoScroll:如果为ture时,则当表格首次被创建时会根据父元素比例重新调整表格宽度。...如果父元素宽度改变,为了使表格宽度能够自动调整则需要实现函数:setGridWidth。 了解了这两个属性值之后,我们就可以对上面的代码进行重新修改,满足需求。...width值进行大小调整,适合具体展示效果。...在上述实例,针对列表还展示了formatter对应函数用来格式化具体数据项操作,大家也可以进行参考。

3.7K10
  • 重新认识visibility 原

    今天看到table样式支持四个css表格样式之外属性:border width background visibility。...言外之意就是就像给表格上加样式控制整行一样, 给表格标签可以添加上面四个属性,col上增加样式控制整列样式。...合并格会剪切 inherit 默认,未研究 未研究 测试: 1、div和table元素设置collapse时,edge,完全隐藏!...2、表格col元素设置collapse时,该隐藏,表宽度自动减少。 对于如果该列有横向合并 单元格,合并格宽度自动减少, 但“内容不会自动再布局,而是直接剪去相应宽度。clipped!"...假如是合并格原先是居中,collapse其中某一,合并格像从右边直接剪去宽度,就是文字不再重排,不会居中,文字如果长的话,直接会tgtg截断! 3、col元素设置display:none。

    65020

    macOS开发之NSTableView应用详解

    NSTableView应用详解 一、引言     和iOS开发UITableView有很大差别,NSTableView并非是一个可滚动列表视图,其是一个不可滚动、支持多多行原始列表视图。...这是一个最简单TableView示例,但是细读代码,麻雀虽小五脏俱全。首先NSTableView是由NSTableColumn类描述。一个列表可以有多个。...//进行列尺寸调整 标题视图宽度为标准 - (void)sizeToFit; //提供了这个属性,会在标题那里显示一个排序按钮 点击标题可以进行排序操作(会回调相关协议方法) @property...如果我们要对Cell渲染进行一些定制,可以如下方法实现: //将要渲染cell调用方法 开发者可以拿到cell对象做定制 - (void)tableView:(NSTableView *)tableView...nullable, strong) NSView *cornerView; //设置是否允许拖拽排序 @property BOOL allowsColumnReordering; //设置是否允许调整列宽度

    4.8K21

    LayUI之旅-数据表格

    table容器默认宽度是跟随它父元素铺满,你也可以设定一个固定值,当容器内容超出了该宽度时,会自动出现横向滚动条。...其优先级低于表头参数 minWidth 100 done Function 数据渲染完。你可以借此做一些其它操作 详见done回 data Array 直接赋值数据。...table容器默认宽度是跟随它父元素铺满,你也可以设定一个固定值,当容器内容超出了该宽度时,会自动出现横向滚动条。...其优先级低于表头参数 minWidth 100 done Function 数据渲染完。你可以借此做一些其它操作 详见done回 data Array 直接赋值数据。...left(同 true) right hide Boolean 是否初始隐藏,默认:false。

    4.5K30

    bootstrap table 设置自定义

    问题描述日常工作过程遇到这样一个问题,页面上某一个字段内容比较多时,会导致 bootstrap table 被撑大,同时出现滚动条,且后面的操作按钮需要滑动滚动条才可以正常操作,这样用起来就比较麻烦...,那么可以通过调整列宽和换行来显示全部,且保证列表内容一屏内可以看到后面的操作按钮和其他字段。...查阅资料,需要设置表格 css table-layout 属性值为 fixed ,此时可以自己调整列宽了;再添加 word-break:break-all ,此时数据可以自动换行,修改代码如下...; 这两个属性具体用法和说明table-layout: fixed; 用于设置表格布局模式为固定模式,使得表格宽由定义指定,且表格宽度不会随内容宽度而变化。...word-break: break-all; 用于设置单词断行方式,使得单词会在任意位置断行,适应容器宽度

    23810

    2018掌握这10大Excel技巧,从此不加班!

    橙C就分享大神传授10个Excel技巧,掌握可提高工作效率,让BOSS眼前一亮~ -01- 快速插入空行 小白做法: 选中行数据——右击——插入.....如果需要插入好几行,小伙伴们之前是否是这样操作重复多遍呢...-05- 得到最适合宽度 小白做法: 一数据进行拖拽调整..... ? 大神做法: 选中数据,光标放在列表间隔处,当光标变化时,双击即可得到最适合宽度。 ?...-09- 表格复制宽保持不变 小白做法: 表格复制发现宽不一致,于是,你去一整列宽.........大神做法: 复制粘贴表格,点击表格右下角,选择保留源宽,发现表格原始一模一样啦,简单,快捷,高效! ? -10- 设置数字位数 小白做法: 利用单引号 ' 来进行输入三位数。...可以发现,无论输入是1位数还是2位数,都会自动补齐到3位数! ? 橙c提醒熟练掌握Excel在职场绝对是给你加分哦,别人花上几分钟完成事情,在你手上只有几秒钟,说不定就给你升职加薪啦~ ?

    89920

    LaTeX基础操作

    使用\section、\subsection等命令定义标题可以通过\tableofcontents命令自动生成目录 可以使用titlesec宏包自定义标题字体、大小、间距等样式 段落 使用空行分隔不同段落...,使用\\进行强制换行 多个空格LaTeX通常被视为一个空格,插入多个空格使用\hspace{}命令 使用center,flushleft和flushright环境设置居中、左对齐或右对齐 可以通过调整...booktabs:设置表格线条 tabularx:指定表格宽度,并自动调整列适应 图片 导言区加载graphicx宏包: \usepackage{graphicx} 正文区使用\includegraphics...命令插入图片 \includegraphics[选项]{文件名} 选项用来指定图片各种属性,如大小、缩放比例等,文件名包括扩展名 图片大小与缩放 使用width和height选项来指定图片宽度和高度...\includegraphics[width=5cm, height=4cm]{example.png} 插入图片宽度与文本宽度相同,高度自动调整,保持原始横纵比例: \includegraphics

    23810

    响应式设计

    媒体查询断点中推荐使用 em 单位。各大主流浏览器,当用户缩放页面或者改变默认字号时,只有 em 单位表现一致。 px 或者 rem 单位为断点在 Safari 浏览器里不太可靠。...主容器,任何都用百分比来定义宽度(比如,主宽 70%,侧边栏宽 30%)。这样无论屏幕宽度是多少都能放得下主容器。...# 给大视口添加样式 https://codepen.io/cellinlab/pen/bGaxYNb # 处理表格 移动设备流式布局里,表格问题特别多。如果表格太多,很容易超过屏幕宽度。...如果可以的话,建议移动设备上用别的方式组织数据。比如将每一行数据单独用一块区域展示,让每块区域顺序叠放,或者用更适合小屏可视化图形或者图表展示。但是,有时候就是需要用表格。...不仅要让图片适应屏幕,还要考虑移动端用户带宽限制。图片通常是网页上最大资源。 首先要保证图片充分压缩。还要避免不必要高分辨率图片,而是否必要则取决于视口大小

    2.1K10

    CSS基础布局

    * 早期table为主(简单) * 之后 技巧性布局为主(难) * 现在有flexbox/grid(偏简单) * 响应式布局 移动端大行其道时代 是必备 * table表格布局 * float...Flexbox * flexbox是有弹性,可伸缩 * flexbox本身就是 可以并列 * 可以指定 宽度 使用float布局 * 元素设置float,元素就脱离了文档流,但是不会脱离文本流。...* 让页面 不同设备上 能正常使用 * 主要处理是 屏幕大小问题(严格来讲 还涉及到 是否有鼠标 是否是读屏软件 是否支持一些样式) * 具体方法上 涉及到 设计 和 实现 两方面。...* 主要方法: * 隐藏 + 折行 + 自适应空间 隐藏:确定好哪一部分内容(比如导航 个人信息 可以通过点击菜单 从而弹出导航和个人信息 方式,去隐藏起来) 移动端是可以隐藏...留下自适应空间:和两布局类似,一固定宽度 另一随屏幕自适应。 (类似的思路,屏幕顶部 给logo固定宽度 logo右侧纯色背景 可以自适应)。

    2.9K20

    信息技术 04 WPS文字处理 图书订购单

    成品样图 题目 任务实现具体要求如下: ① 根据设计好表格结构,文档插入20行4表格,设置文档左右页边距为“1.5厘米”,并表格大小至整页显示。...③ 合并第1行和第2行第1单元格,并在其中绘制斜线表头,选中第2、3、4,平均分配各宽度表格第1行之前插入一个新行,第1之前再插入一个新,并调整列宽至合适大小。...④ 对表格不需要边框线进行清除、合并单元格或拆分单元格,并在相应单元格输入内容,对需要突出重点内容进行字体加粗(可参照教材图1-66表结构和内容)。...⑤ “会员”、“首次”、“邮政编码”、“送货地址”等需要进行选择或输入位置,插入“□”,“指定其他送货……”之前插入“★”,设置表格中文本文字方向、对齐方式、段落对齐方式等(可参照教材图1-69...⑧ 表格“订购商品资料”区域输入图书订购信息(可参照教材中表1-6内容),使用公式金额一计算出某一本图书总金额,并设置编号格式为“0.00”。

    12010

    Bootstrap实用手册

    具体数值 ②. initial-scale 视口初始缩放倍率 A. 缩放倍数 B. 原始大小 ③. user-scalable 是否允许视口手动缩放 A. 1 /yes B. 0 / no 3....排序数量,控制某向右或向左移动,并不影响其它,主要作用是特定屏幕下临时调整列出现位置 A、col-lg-push-n: lg下,当前列向右移动n 距离 B、col-lg-pull-n...可以一个 div 中指定在不同屏幕下宽度占比,相同占比可简写为一个 语法: 释义: xs 占 9...指定特定屏幕下不显示 A. .hidden-lg : lg 下隐藏 B. .hidden-md : md 下隐藏 C. .hidden-sm : sm 下隐藏 D. .hidden-xs...Bootstrap 组件 - 图标字体.glyphicons 页面,显示为图标,本质上是文字,可以设置字体,颜色,大小,阴影等,Web程序中常用图标字体: (1).

    6K20

    使用 CSS Grid 响应式网页设计:消除媒体查询过载

    前言你是否厌倦了实现响应式网站时需要管理多个媒体查询?说再见复杂代码,拥抱更简单解决方案吧:CSS Grid。...这种简写符号通过自动生成所需数量具有一致大小,从而节省了时间和精力。2、Auto-fitauto-fit 函数是一个强大工具,根据网格容器内可用空间自动调整列数。...通过这个配置,网格将创建尽可能多适应容器,同时保持指定宽度数将根据可用空间自动进行响应性调整。两行高度将保持每行100像素高度上。...在这种情况下,每最小宽度为100像素(100px),并且可以扩展(1fr)填充容器可用空间。...通过同时使用 auto-fit 和 minmax(),你可以创建一个响应式网格布局,根据可用空间动态调整列数,同时确保每都具有最小宽度。这些高级响应性功能提供了对网格布局灵活性和控制。

    28810

    Android应用界面开发——布局

    RelativeLayout子元素支持常用XML属性: android:layout_centerHorizontal:控制该子组件布局容器是否水平居中。...android:layout_centerVertical:控制该子组件布局容器是否垂直居中。 android:layout_centerInParent:控制该子组件是否布局容器中央位置。...表格布局管理器可以为单元格设置如下3种行为方式: Shrinkable:该所有单元格宽度可以被收缩,保证该表格能适应父容器宽度。...Stretchable:该所有单元格宽度可以被拉伸,保证组件能完全填满表格空余空间。 Collapsed:该所有单元格会被隐藏。...android:stretchColumns:设置允许被拉伸序号,多个序号之间用逗号隔开。 android:collapseColumns:设置需要被隐藏序号,多个序号之间用逗号隔开。

    1.4K20

    Rem布局原理解析

    rem作用于非根元素时,相对于根元素字体大小;rem作用于根元素字体大小时,相对于其出初始字体大小——MDN rem取值分为两种情况,设置根元素时和非根元素时,举个例子: /* 作用于根元素,相对于原始大小...p {width: 50x} /* 屏幕宽度50% */ 如果想要页面元素随着屏幕宽度等比变化,我们需要上面的x单位,不幸是css并没有这样单位,幸运css中有rem,通过rem这个桥梁,...} 下面来验证下上面的计算是否正确,下面的表格是UE图等比缩放下,元素宽度 UE图宽度 UE图中元素宽度 640px 100px 480px 75px 320px 50px 下面的表格是通过我们元素不同屏幕宽度计算值...; } p { width: px2rem(100); } 上面的代码编译完结果如下 p {width: 15.625rem} 其实有了postcss,这个过程应该放到postcss,源代码如下...图标类,图片类,比如淘宝,活动页面,比较适合使用rem,因为大字体时并不能大图标的大小 rem可以做到100%还原度,但同事rem制作成本也更大,同时使用rem还有一些问题,下面我们一一举下

    1.2K20

    个人永久性免费-Excel催化剂插件功能修复与更新汇总篇之一

    具体功能修复如下: 插件启动时检测插件文件新旧使用多线程方式操作 一直以来被诟病插件启动太慢问题可以得到很大提升,因过去插件启动需要连接服务器进行文件比对才能打开Excel,此次更新,将这些比对过程在后台静默进行...第5波-使用DAX查询从PowerbiDeskTop获取数据源 DAX查询结果导出到Excel表格性能提升,旧有方式地导出10万级别的数据量时会比较慢,现使用EEPLUSxml读写方式,得到很大提升...第11波-快速批量插入图片并保护纵横比不变 修复不同工作表不能插入相同图片bug 【重新调整图片】按钮可以对筛选或排序引起图片错位时使用,此时尽量保持数据插入是整列插入,而不是分散到多插入图片...,因第13波可以使用自由报表功能,把整列插入图片转换为自由布局显示,故此处【重新调整图片】不再做其他场景使用。...如已存在文件名:A.jpg,新移动或复制过来文件改名为A-1.jpg 新增移动或复制图片时,可对图片大小进行调整,如图片宽度为300,高度不填留空,移动或复制图片进行宽度300等比例缩放,当宽度

    1.6K20
    领券