目录 一.概述 二.效果展示 三.实现思路 1.冻结行.冻结列 2.行高自适应 3.蚂蚁线 四.测试代码 1.添加表格数据 2.设置冻结行.列 3.行高.列宽 4.单元格背景色 5.单元格文字 6.其他相关测试 五.相关文章 原文链接:Qt高仿Excel表格组件-支持冻结列.冻结行.内容自适应和合并单元格 一.概述 最近看到一个比较炫酷的表格效果,冻结表格列功能.经常使用excel的人应该都使用过这个功能,当我们想把一些重要的信息一直固定在界面上时,就得使用冻结行或者冻结列的功能. 之前我也做过

前几天,遇到一个需求是要将表格的前几行和前几列冻结即固定,就是在有滚动条的情况下,保持那几行和那几列固定,这个需求其实是一个非常常见的需求,因为在涉及好多行和列时,在拖动滚动条时,我们需要知道每行每列表示的是什么意思,当被遮挡后,就很难记住是表示的什么内容了,如下图所示:我想要保持学生姓名和在线状态保持不动,以及前三行表示章节以及微课习题的内容保持不变,当然在easyui或者其他的一些插件里这种特性早已经有了,例如在easyui中有frozen属性,可以设定哪一行哪一列进行冻结,具体可以看官方的

js代码如以下代码:在initAllGrid函数colModel1加入属性设置:frozen:true:然后在_initGrid('task_con_grid_div',colModel1)函数里面加入$("#"+gridType+"_grid").jqGrid('setFrozenColumns');即可. eastcom.modules.workorderQuery = (function() { //其他方法省略 ...... //初始化所有grid func

在实际的项目中,由于项目的需要,数据量比较大,同时显示栏位也比较多,要做gridview里显示完整,并做到用户体验比较好,这就需要冻结表头和关键列.由于用到的地方比较多,我们可以护展一个gridview,使其简单设置就能达到目的. 下面是我写的一个扩展gridview的一个工程和简单例子.主要的设置属性是红色框框内的. 下面,我们再看一下前台的文件设置, 这里要注意删掉<DOCTYPE type> 这一行,否则不起作用. 运行得到以下结果.红色线是冻结分界线,对照以下两张图片,可以看到效果.

上一篇说过,还可以扩展gridview的分页功能以及实现导出结果为EXCEL/PDF的功能.实现好后应该封装起来,以方便后续的项目简单使用.至于要如何实现,我想不必过多的说了.下面是显示结果和主要的代码.如果有不明白的地方,可以留言.下面是把相应的功能封装到单独的工程(ZZControls)里面.这样就可以生成DLL后就可以直接引用了. 下面一张是显示效果图.红色线为冻结线(可参考上一篇随笔). 而这一切,在前台设起来是相当的简单的.只需一个属性,默认为false,也即不显示. 而在后台的代码也

前言:最近项目里面需要用到表格的冻结列功能,所谓“冻结列”,就是某些情况下表格的列比较多,需要固定前面的几列,后面的列滚动.遗憾的是,bootstrap table里自带的fixed column功能有一点bug,于是和同事讨论该如何解决,于是就有了这篇文章. 一.起因回顾 最近项目里面有一个表格需求,该表格列是动态产生的,而且列的数量操作一定值以后就会出现横向滚动条,滚动的时候需要前面几列固定.也就是所谓的excel的冻结列功能.该如何实现呢?不用多说,当然是查文档,于是找到了这篇http:/

在用Project排项目计划的时候如果在Gantt图中列比较多,左右滚动的时候就会经想像如果能想Excel一样冻结某些列就方便多了,其实在Project中虽然没有冻结列的功能,但通过一些变通方法还是可以做到类似效果的. 方法是利用Project的表格总是冻结第一列的特性,将想要冻结的列变为第一列,以达到类似效果.具体操作见演示:

实现原理: 创建多个div,div之间通过css实现层叠,每个div放置当前表格的克隆.例如:需要行冻结时,创建存放冻结行表格的div,通过设置z-index属性和position属性,让冻结行表格在数据表格的上层.同理,需要列冻结时,创建存放冻结列表格的div,并放置在数据表格的上层.如果需要行列都冻结时,则除了创建冻结行.冻结列表格的div,还需要创建左上角的固定行列表格的div,并放置在所有div的最上层. 处理表格的滚动事件,在表格横向或者纵向滚动时,同时让相应的冻结行和冻结列也同步滚动

一.如果是js绘制的,设置frozenColumn属性就可以,frozenColumn 属性和 columns 属性都是设置列,frozenColumn是设置冻结列 $('#tt').datagrid({ title:'Frozen Columns', iconCls:'icon-save', width:, height:, url:'data/datagrid_data.json', frozenColumns:[[ {field:}, {field:}, ]], columns:[[ {f

# Asp.net的DataGrid实现列冻结(C#) 一.写在前面 列冻结即在拖动横向滚动条时,冻结的列会随着滚动条移动,使得该列不会因为拖动滚动条而被隐藏,呈现出仿佛冻结的效果.列冻结与表头冻结是很常见的需求,但是在DataGrid中列冻结并不简单,在网络中寻找一圈后,发展网络给出的方法不是因为太老旧已经无法使用,就是在推荐使用DataGridView控件,所以我想出了一个简单粗暴的方法,用另一张表覆盖原有的表来实现冻结,这也与许多老方法的思路是一致的. 二.DataGrid的列冻结 2.1

jQuery EasyUI 数据网格 - 设置冻结列 本实例演示如何冻结一些列,当用户在网格上移动水平滚动条时,冻结列不能滚动到视图的外部. 为了冻结列,您需要定义 frozenColumns 属性.frozenColumn 属性和 columns 属性一样. $('#tt').datagrid({ title:'Frozen Columns', iconCls:'icon-save', width:500, height:250, url:'data/datagrid_data.json',

冻结首行方法: 首先选择首行,在菜单栏选择视图菜单,再选择冻结窗格下拉三角里的冻结首行即可. 效果如下:拖动垂直滚动条 冻结首列方法: 首先选择首列,在菜单栏选择视图菜单,再选择冻结窗格下拉三角里的冻结首列即可. 效果如下:拖动水平滚动条 冻结首行和首列: 冻结首行和首列,应先选中B2单元格(即首行和首列的交点),然后在菜单栏选择视图菜单, 再选择冻结窗格下拉三角里的冻结拆分窗格即可. 效果如下:滚动水平/垂直滚动条

有时,jqgrid表格的列非常多,而表格的宽度值是固定的,我们需要在表格底部出现滚动条,并且固定前面几个列作为数据参照项,如何实现? 需要用的jqgrid冻结列,步骤如下: 1)设置需要冻结的列属性,frozen: ture   //ture:启用冻结 2)将设置了冻结的列放置在字段集合的前面部分(一定注意) 3)设置两个属性:autoScroll: false,shrinkToFit: false      //当autoScroll和shrinkToFit均为false时,会出现行滚动条 4

一.冻结列 DataGridViewColumn.Frozen属性为true时,该列左侧的所有列被固定,横向滚动时固定列不随滚动条滚动而左右移动.这对于重要列固定很有用. 示例:通过程序固定左侧第二列 //固定第二列 ].Frozen = true; 2.通过设计界面固定列 选择编辑列 选择要冻结的列,将Frozen属性勾选 二.冻结行 DataGridViewRow.Frozen属性为true时,该行上面的所有行被固定,纵向滚动时固定行不随滚动条滚动而上下移动.(冻结行只能通过代码实现) 示例

可以按照如下设置创建冻结窗口. sheet.createFreezePane( 3, 2, 3, 2 ); 前两个参数是你要用来拆分的列数和行数.后两个参数是下面窗口的可见象限,其中第三个参数是右边区域可见的左边列数,第四个参数是下面区域可见的首行. // 冻结第一行 sheet.createFreezePane( 0, 1, 0, 1 ); // 冻结第一列 sheet.createFreezePane( 1, 0, 1, 0 );

在excel使用时,表格内容很多时,为查看方便,需要冻结一部分内容,冻结窗口分为以下几种情况,分别进行解析. 工具/原料 excel 冻结首行 1 打开需要的表格,点击“视图”----冻结窗格,点击“冻结窗格”,选择“冻结首行”. END 冻结首列 1 和冻结首行的操作基本相同.打开需要的表格,点击“视图”----冻结窗格,点击“冻结窗格”,选择“冻结首列”. END 冻结部分行,部分列   有时候只冻结首行和首列,是不能满足需要的,需要冻结部分的行列.   举例说明,比如想冻结前5行和前5列的

引言 在做winform项目中,数据控件DataGridView的使用多多少少是会用到的,如果不设置它的属性,默认情况下是不会自适应宽度的,你想查看某项的数据,就不得不将标题栏拖来拖去,挺烦的. 方法 建一个用于测试的Person类 public class Person { [Description("姓名")] public string Name { get; set; } [Description("性别")] public string Gender {

冻结行/列 选中所要冻结的行/列,选择window-Freeze 冻结成功 冻结单元格 操作方法与“冻结行/列”一致

当我们在制作一个Excel表格时,如果列数较多,行数也较多时,一旦向下滚屏,则上面的标题行也跟着滚动,在处理数据时往往难以分清各列数据对应的标题,事实上利用"冻结窗格"功能可以很好地解决这一问题.具体方法是将光标定位在要冻结的标题行(可以是一行或多行)的下一行,然后选择“窗口|冻结窗格”即可.滚屏时,被冻结的标题行总是显示在最上面,大大增强了表格编辑的直观性. 结窗格有以下几种形式: 1.冻结首行,点击“视图→冻结窗格→冻结首行”菜单项即可完成设置. 2.顶部水平窗格,选取待冻结处的下

Excel中如果输入内容太多,希望滚动时候,可以看到表头,需要冻结表格.如果我们选中C3表格,执行冻结操作,会看到C3左边和上边有两条直线,这样C3的左边和上边的表格都没法变动,因此冻结表格只能冻结首行.首列.前2行.前2列.......前n行.前n列.不能选中间行列,必须从第一行或第一列开始冻结.如果冻结第一列,选中B1,之后选中“视图”---“冻结窗口”即可.如果冻结第一行,选中A2冻结即可.