精华内容
下载资源
问答
  • 让表格中特定的行列固定不动,这个功能在工作中经常能遇到,对于一些朋友来说应该是见怪不怪了。这个功能在工作中也是有很必要的用处的,比如我们在核对数据的时候,如果行列太多,不将表头标题固定的话,很容易核对...

    大家好,昨天有朋友问我,她想要一个表格中的表头固定,不管往下拉到第几行表头都能看到,需要怎么设置?这个小技巧我一直以为大部分人都应该会,所以也就没有拿出来跟大家讲解,跟大家道个歉。

    让表格中特定的行列固定不动,这个功能在工作中经常能遇到,对于一些朋友来说应该是见怪不怪了。这个功能在工作中也是有很必要的用处的,比如我们在核对数据的时候,如果行列太多,不将表头标题固定的话,很容易核对错误,也非常不方便。

    如上面这样一张图片,当我们往下拖动表格的时候,表头的栏目就看不见了,如果我们看到下面的数据就很难对号入座了,如果不会冻结窗格,那老板要你核对一个表格数据你就要哭了。

    但是你接下来能够仔细看完今天的内容,你就能够让表格设置成如上图这种格式,不管往下拉到第几行,也可以轻松让每一个数据对号入座,准确核对。

    下面我们来学习常用的几种冻结表格方法,请大家务必仔细认真阅读。

    第一种:冻结第一行

    菜单栏里依次找到【视图】-【冻结窗格】-【冻结首行】,如下图所示:

    也可以选中第二行,然后如上方法依次找到【视图】-【冻结窗格】-【冻结窗格】,效果也是一样的,如下图所示:

    第二种:冻结第一列

    冻结第一列和冻结第一行的方法一样,【视图】-【冻结窗格】-【冻结首列】,如下图所示:

    你也可以选中B列后,点击【视图】-【冻结窗口】-【冻结窗格】,操作和上面一样,如下图:

    第三种:冻结多行或者多列

    如果我们要冻结前两行,那么我们就选中第三行,然后点击【视图】- 【冻结窗格】-【冻结窗格】,如下图演示所示:

    解析:冻结多列的方法和冻结多行是一样的,这里就不多做演示了。如需冻结前N行或者前N列,那就选中N+1行或者N+1列,然后点击视图下的冻结窗格按钮。

    上面冻结行和列的方法相信大家应该都学会了,那么问题来了,如果需要同时冻结行和列怎么做?比如我们需要第一行和第一列同时固定不动,应该怎么设置?聪明的朋友肯定会说,同时选中第二行和第二列,然后点击冻结窗格就好了,真的是这样吗?我们来看一下下图的操作结果。

    如上图实际操作证明,这种方法是不能实现同时冻结行和列的,这种方法的结果只能冻结最后选中的行或者列,也就是说,如果我们先选行,后选列,最后冻结的是列,相反也是一样,大家可以自己试一下。

    如果我们需要冻结A列和第一行,正确操作方法,鼠标选中B2单元格,然后选择【视图】-【冻结窗格】就可以了,如下图所示,非常简单。

    今天的课程又讲完了,是不是非常简单呢?大家学会了吗?还没学会的朋友赶紧跟着自己动手操作几遍,学会的朋友也别忘了关注我和分享这篇文章,小编可是饿着肚子给大家写的这篇教程,大家如果有问题欢迎给我评论留言,我们下期见吧,拜拜~~

    展开全文
  • 当我们看下面的数据时,表格的标题和第一行的内容就消失了,这样我们在查看分析数据时,就没法看到表头标题部分,查看数据带来了很不便。如何让标题行和中的内容一直显示出来呢?这就我们可以通过Excel冻结窗格来...

    我们在Excel中处理数据时,有些工作表内容非常多,在一个屏幕上无法显示完。当我们看下面的数据时,表格的标题和第一行的内容就消失了,这样我们在查看分析数据时,就没法看到表头标题部分,查看数据带来了很不不便。如何让标题行和列中的内容一直显示出来呢?

    这就我们可以通过Excel冻结窗格来固定表头处,无论我们怎么向下滚动数据,表头依然固定在那不动。这里,就来为大家详细的说一下冻结窗口怎么使用。

    Excel冻结首行首列

    Excel表格中点击「视图」-「窗口」-「冻结窗格」

    • 选择【冻结首行】我们就可以直接固定首1行的表头处
    • 选择【冻结首列】能够固定住最左A列位置。
    • 点击【取消冻结窗格】可以取消之前的冻结。
    33a9ab9fbcb5c87bcacca93014354874.png

    动画演示:

    23e0c587c8c91954b6fb25463a1326c0.gif

    Excel冻结多行多列

    除了上面的冻结首行和首列外,我们还能够冻结多行、多列。

    同时冻结两行

    我们将光标定位到A列的第3行单元格,也就是【A3】单元格,然后进入「视图」-「窗口」-「冻结窗格」,选择「冻结拆分窗格」,就已经冻结了第一行和第二行。

    • 如果要冻结3行,就将光标定位选择【A4】单元格;冻结4行就光标定位选择【A5】单元格,以此类推,将光标定位在需要冻结窗口的A列中下一行即可。

    同时冻结两列

    我们将光标定位到第1行的第C列单元格,也就是“C1”单元格,然后再选择「冻结拆分窗格」即可固定住最左侧的两列。

    • 如果要冻结C列,就将光标定位选择【D1】单元格位置;冻结D行就光标定位选择【E1】单元格,以此类推,将光标定位在需要冻结窗口的1行中下一列即可。

    2

    3bddb4092db0d5357c34da8a97b02b8e.png

    动画演示:

    dae2a48d3e7939033b398e5bcc9ce805.gif

    总结:Excel表格冻结窗格多行多列的时候,需要冻结行的时候选择列,冻结列的时候选择行。

    Excel同时冻结行列

    同时固定首行首列,同时固定多行多列的方法都是是相同的。

    • 将光标定位到【B2】单元格,然后设置「冻结拆分窗格」,即可展示同时冻结首行首列效果。
    • 将光标定位到【C4】单元格再设置即可展现同时冻结窗格 B列3行 效果。
    • 将光标定位到【D5】单元格再设置即可展现同时冻结窗格 C列4行 效果。

    总结:要冻结多行和多列,首先选择要冻结的位置;冻结位置的找法就是冻结的行和列交叉点的左下角的单元格。

    f3c27c4d0845962331e08413e8d3c9f8.png

    动画演示:

    a2de6522a429d72388e12ea5449d665b.gif

    冻结窗口的使用,其实非常简单。我们在设置冻结的时候,只需将光标先定位到你想固定行列的后面单元格,再去设置「冻结拆分窗格」就能够轻松实现。

    展开全文
  • 之前使用bootstrap写了一个报表表格,最近突然找到我,说我看看能能将表格的表头和第一列进行固定,这样的话方便查看数据,于是,我开始了苦逼的研究起来,毕竟我是个后端啊,对于前端的样式问题,特别是小功能...

    之前使用bootstrap写了一个报表表格,最近突然找到我,说让我看看能不能将表格的表头和第一列进行固定,这样的话方便查看数据,于是,我开始了苦逼的研究起来,毕竟我是个后端啊,对于前端的样式问题,特别是小功能,烦的一批

    这里就记录下我的研究成果

    一:引入js和css

    query下载地址:http://www.jq22.com/jquery-in...

    bootstrap下载地址:http://www.bootcss.com/

    bootstrap-table下载地址:https://bootstrap-table.com/

    bootstrap-table-fixed-columns下载地址:https://github.com/wenzhixin/...

    这里注意:

    引入jquery时,不要引入jquery2.0.0(包括2.0.0)版本以下,如果你引入了2.0.0版本以下的jquery的话,当你编写完代码之后,在控制台会出现如下错误:

    ee7f3265dafbe0056a92407a4638c17a.png

    二:编写table表格(固定表头)

    表头一表头二表头三表头四

    12341234

    上面代码中的table标签中的

    data-toggle="table"表示的是启用bootstrap表格,

    data-height="200"表示设置表格的高度,用于配置固定表头

    由于我这里编写的表格数据较少,所以展示出来的数据可能不会出现滑轮,看不出来固定表头现象,你可以向表格中添加多一点数据就可以了

    三:固定列

    $(function(){

    //#table表示的是上面table表格中的id

    $("#table").bootstrapTable('destroy').bootstrapTable({

    fixedColumns: true,

    fixedNumber: 1 //固定列数

    });

    })

    四:当浏览器窗口变化时,表头与表格不对齐解决:

    $(function(){

    $('#table').bootstrapTable();

    $(window).resize(function () {

    $('#table').bootstrapTable('resetView');

    });

    })

    五:初次展示时表头和表格数据不对齐解决(个人使用的方法,方法有点傻)

    进过上面的过程我们已经实现了表格的表格和列固定功能了,于是我便开始将报表修改起来,开始修改起来十分的轻松,没有问题,但是,当我修改到一个报表的时候发现,开始的时候,表头和数据之间就发生了不对齐现象:

    d8191ecd5e371e57fcfb9158534bc584.png

    于是我开始在网上搜索起来,但是网上搜索的答案根本解决不了,例如:

    找到bootstrap-table的源码中

    if (this.options.showHeader && this.options.height) {

    this.$tableHeader.show();

    //注释掉下面两行 取消表头初始化解决表头和内容不对齐问题

    //this.resetHeader();

    //padding += this.$header.outerHeight();

    }

    不知道写这个的兄弟有没有自己测试过,反正我注释了之后,确实表头和数据对齐了,但是表头固定功能消失了,表头和数据不对齐的原因就是因为你设置了固定表头影响的,你这样将表头固定功能去掉了,那么我直接将table标签中的data-height="200"去掉不久行了吗,为什么还要改源码呢?

    于是我自己开始研究起来

    最后我使用审查元素找到错位的表头位置,发现这样一段代码

    这里将宽度设置为了146但是我的数据宽度只有120,这才造成了错位,

    然后我找到bootstrap-table源码设置div的class为fht-cell宽度的代码位置

    9c7dd2cdfc9be641ceba9fe82b3e15a9.png

    虽然我找到了问题所在,但是源码哪里出问题了,我还是不清楚,有知道的伙伴,欢迎告诉我答案

    既然我不知道源码出问题出在哪,那么我就使用十分傻的方法,直接设置class为fht-cell的宽度,将之前宽度为146的覆盖

    .fht-cell{width:120px!important;}

    然后打开观看,错误问题解决了!!!

    展开全文
  • 之前使用bootstrap写了一个报表表格,最近突然找到我,说我看看能能将表格的表头和第一列进行固定,这样的话方便查看数据,于是,我开始了苦逼的研究起来,毕竟我是个后端啊,对于前端的样式问题,特别是小功能...

    之前使用bootstrap写了一个报表表格,最近突然找到我,说让我看看能不能将表格的表头和第一列进行固定,这样的话方便查看数据,于是,我开始了苦逼的研究起来,毕竟我是个后端啊,对于前端的样式问题,特别是小功能,烦的一批

    这里就记录下我的研究成果

    一:引入js和css

    这里注意:

    引入jquery时,不要引入jquery2.0.0(包括2.0.0)版本以下,如果你引入了2.0.0版本以下的jquery的话,当你编写完代码之后,在控制台会出现如下错误:

    6155b1095c89e782886c68737d5263dc.png

    二:编写table表格(固定表头)

    表头一表头二表头三表头四

    12341234

    上面代码中的table标签中的data-toggle="table"表示的是启用bootstrap表格,data-height="200"表示设置表格的高度,用于配置固定表头。由于我这里编写的表格数据较少,所以展示出来的数据可能不会出现滑轮,看不出来固定表头现象,你可以向表格中添加多一点数据就可以了

    三:固定列

    $(function(){

    //#table表示的是上面table表格中的id

    $("#table").bootstrapTable('destroy').bootstrapTable({

    fixedColumns: true,

    fixedNumber: 1 //固定列数

    });

    })

    四:当浏览器窗口变化时,表头与表格不对齐解决:

    $(function(){

    $('#table').bootstrapTable();

    $(window).resize(function () {

    $('#table').bootstrapTable('resetView');

    });

    })

    五:初次展示时表头和表格数据不对齐解决(个人使用的方法,方法有点傻)

    进过上面的过程我们已经实现了表格的表格和列固定功能了,于是我便开始将报表修改起来,开始修改起来十分的轻松,没有问题,但是,当我修改到一个报表的时候发现,开始的时候,表头和数据之间就发生了不对齐现象:

    65604f4c78ea2da9f5f46a7e5e52d5c9.png

    于是我开始在网上搜索起来,但是网上搜索的答案根本解决不了,例如:

    找到bootstrap-table的源码中

    if (this.options.showHeader && this.options.height) {

    this.$tableHeader.show();

    //注释掉下面两行 取消表头初始化解决表头和内容不对齐问题

    //this.resetHeader();

    //padding += this.$header.outerHeight();

    }

    不知道写这个的兄弟有没有自己测试过,反正我注释了之后,确实表头和数据对齐了,但是表头固定功能消失了,表头和数据不对齐的原因就是因为你设置了固定表头影响的,你这样将表头固定功能去掉了,那么我直接将table标签中的data-height="200"去掉不久行了吗,为什么还要改源码呢?

    于是我自己开始研究起来

    最后我使用审查元素找到错位的表头位置,发现这样一段代码

    这里将宽度设置为了146但是我的数据宽度只有120,这才造成了错位,

    然后我找到bootstrap-table源码设置div的class为fht-cell宽度的代码位置

    578e63d57c8d6f044c7c326b6b78dc40.png

    虽然我找到了问题所在,但是源码哪里出问题了,我还是不清楚,有知道的伙伴,欢迎告诉我答案

    既然我不知道源码出问题出在哪,那么我就使用十分傻的方法,直接设置class为fht-cell的宽度,将之前宽度为146的覆盖

    .fht-cell{width:120px!important;}

    然后打开观看,错误问题解决了!!!

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

    展开全文
  • //获取当前sheet的第一行,也就是excel的表头 Row title = sheet.getRow(0); //获取当前列的表头的值 Cell titleCell = title.getCell(k); String titleCellValue = titleCell....
  • 打印表格是Excel最常用的功能之一,也是展示数据、...01.打印标题当工作表数据行很多,向下翻滚查看数据时,我们会采用冻结窗格功能把表格标题行固定在第一不动,方便对照表格内容。那么,在打印时,每一页纸上...
  • 深入浅出ExtJS2版

    2015-12-30 21:35:04
    3.12.2 只能看的PropertyGrid 65 3.12.3 强制对name排序 65 3.12.4 根据name获得value 66 3.12.5 自定义编辑器 66 3.13 分组表格控件--group 66 3.13.1 分组表格简介 67 3.13.2 分组表格视图 Ext....
  • 4) 如何让dbgrideh1 显示数据时只显示两位小数...................................................30 5) 获得当前DBGridEh表中单元格的序号.............................................................30 6) ...
  • 实例067 表格变色 实例068 鼠标经过表格时,显示提示信息 3.3 鼠标样式 实例069 显示自定义的鼠标形状 实例070 动画光标 3.4 文字及列表样式 实例071 应用删除线样式标记商品特价 实例072 在文字上方...
  • 实例067 表格变色 实例068 鼠标经过表格时,显示提示信息 3.3 鼠标样式 实例069 显示自定义的鼠标形状 实例070 动画光标 3.4 文字及列表样式 实例071 应用删除线样式标记商品特价 实例072 在文字上方...
  • 统计最大的连续次数3个“重复”个数统计在一列有重复的姓名中,如何统计出具体有几人 计数的问题 相同 如何分班统计男女人数 在几百几千个数据中发现重复项 统计互不相同的数据个数 多个工作表的单元格合并计算 ...
  • 实例071 如何将字节单位B转换成GB、MB 和KB 108 实例072 身份证号从15位升到18位算法 109 3章 面向对象编程思想 111 3.1 面向对象家族核心——类与类成员 112 实例073 面向对象编程核心——类、对象和引用 112 ...
  • 实例071 如何将字节单位B转换成GB、MB 和KB 108 实例072 身份证号从15位升到18位算法 109 3章 面向对象编程思想 111 3.1 面向对象家族核心——类与类成员 112 实例073 面向对象编程核心——类、对象和引用 112 ...
  • 实例071 如何将字节单位B转换成GB、MB 和KB 108 实例072 身份证号从15位升到18位算法 109 3章 面向对象编程思想 111 3.1 面向对象家族核心——类与类成员 112 实例073 面向对象编程核心——类、对象和引用 112 ...
  • 这正如在“UNIX Network Programming”1990年版的前言中所说:“理解如何个网络开发软件的必要条件之是理解进程闻通信(1PC)”。  本书与1版的差别  本卷是对“UNIX Network Programming”1990年版中3...
  • (第一部和第二部包含在用户接口之内,为创建对象时的操作) (其中第二部为创建对象之后进行设置) 我表达能力太好,如果明白请看tableSort.class.js中 /**通过点击标签触发排序事件**/这一部分
  • EXCEL函数公式集

    热门讨论 2010-03-16 03:26:38
    统计最大的连续次数3个“重复”个数统计在一列有重复的姓名中,如何统计出具体有几人 计数的问题 相同 如何分班统计男女人数 在几百几千个数据中发现重复项 统计互不相同的数据个数 多个工作表的单元格合并计算 ...
  • 如何让应用程序在系统中只能存在个运行的实例 13章 时间控制 如何计算时间差 程序中如何嵌入日历 如何获得毫秒级的系统时间 如何让定时器精确到毫秒 如何对当前的系统时间进行操作 如何获得和修改目录的日期和...

空空如也

空空如也

1 2 3 4 5
收藏数 93
精华内容 37
关键字:

如何让表格第一列不动