Excel表格中重要的数据如何隐藏不显示

目录

Excel表格中重要数据值如何隐藏不显示

1、选中需要隐藏的单元格数值

2、鼠标右键 点击“设置单元格格式”

3、点击“自定义”在“类型”一栏中输入三个“;”号即可（输入法切换在英文状态输入分号）。

4、想要显示数值，重复鼠标右键 点击“设置单元格格式”选择“数值”即可

1、选中需要隐藏的单元格数值

2、鼠标右键 点击“设置单元格格式”

3、点击“自定义”在“类型”一栏中输入三个“;”号即可（输入法切换在英文状态输入分号）。

4、想要显示数值，重复鼠标右键 点击“设置单元格格式”选择“数值”即可

 安利一个R语言的优秀博主及其CSDN专栏：

Data+Science+Insight的博客_CSDN博客-R语言从入门到机器学习,数据科学从0到1,机器学习面试+横扫千军领域博主

博主为CSDN数据科学领域知名博主（博客内容包括：数据科学从0到1、R语言从入门到机器学习、机器学习面试+横扫千军、Python编程技巧高效复用等系列） 毕业于中国科学院大学智能计算专业。研究方向为，数据挖掘、机器学习、深度学习等。深度参与了多项数据挖掘、计算机视觉以及自然语言处理相关项目，例如，社会计算、异常分析、聚类分析、预测分析、序列标记、语言生成、OCR、图像分类+检测+分割等。现任某茅数据科学家，负责数据科学团队的管理及项目实施。曾就职于中国信科集团，负责大数据与机器学习组的管理及项目实施。曾参与国家级医疗大数据平台机器学习项目的开发和建设、构建了完整的数据链路、特征池、模型仓库、迁移中心、数据应用、数据服务Pipeline，并与AWS中国基于AWS云服务合作开发大型工业互联网项目，积累了工业互联网模型构建、部署、监控实战经验。

Microsoft Excel是Microsoft为使用Windows和Apple Macintosh操作系统的电脑编写的一款电子表格软件。直观的界面、出色的计算功能和图表工具，再加上成功的市场营销，使Excel成为最流行的个人计算机数据处理软件。在1993年，作为Microsoft Office的组件发布了5.0版之后，Excel就开始成为所适用操作平台上的电子制表软件的霸主。

在 Excel中，函数实际上是一个预先定义的特定计算公式。按照这个特定的计算公式对一个或多个参数进行计算，并得出一个或多个计算结果，叫做函数值。使用这些函数不仅可以完成许多复杂的计算，而且还可以简化公式的繁杂程度。

我们生活的这个世界是丰富多彩的，几乎所有的知识都来自于视觉。也许无法记住一连串的数字，以及它们之间的关系和趋势。但是可以很轻松地记住一幅图画或者一个曲线。因此通过使用图表，会使得用Excel编制的工作表更易于理解和交流。
 

在做项目时，需要对layui表格进行多种操作，特别是隐藏表格表头。网上也分享了很多隐藏表头的方法，但是这些方法会将当前页面的所有表格表头都隐藏，不适合部分表格隐藏表头的情况。后来用jquery解决了部分表头 隐藏的问题。

1.不介意所有表格表头隐藏（或者说，需要把所有表格表头都隐藏）

在任意一个表格渲染的回调函数里使用：

$('th').hide()

或者，

$('th').css('dispaly','block')

示例如下：

table.render({
          elem: '#tableid',
          url:'xxx/xxx/xxx.js',
          where: {time:new Date()},
          limit: Number.MAX_VALUE ,
          cols: [[
               { field: 'id',align: 'center', title: '编号',hide:true},
              { field: 'pra',align: 'center', title: '参数',width:150},
              { field: 'val',align: 'center', title: '数值',edit:'text',width:150}
              ]],
          done: function (res, curr, count) {
                  $('th').hide()
          }
});

2.只隐藏部分表格的表头

同样是在回调函数里实现隐藏，但获取的内容是当前表格。

思路：右键-检查，选择表头，会发现layui进行表格渲染时，其实是写好了table-header,table-body两个div，且table-header的div class显示为非隐藏。

如下：

那么，只需要将table-header的div  class 改为隐藏就可以了。

代码： 

$(this.elem).next().find(".layui-table-header").attr('class',"layui-hide layui-table-header")

示例：

table.render({
          elem: '#tableid',
          url:'xx/xxx/xxx.js',
          where: {time:new Date()},
          limit: Number.MAX_VALUE ,
          cols: [[
               { field: 'id',align: 'center', title: '编号',hide:true},
              { field: 'pra',align: 'center', title: '参数',width:150},
              { field: 'val',align: 'center', title: '数值',edit:'text',width:150}
              ]],
          done: function (res, curr, count) {
           $(this.elem).next().find(".layui-table-header").attr('class',"layui-hide layui-table-header")//当前表格块下找到class为".layui-table-header"的元素（也就是需要隐藏的div）,将其属性改为"layui-hide layui-table-header"即可实现隐藏。（'layui-hide'在layui.css里已经定义好样式）
   }
});

一、修改layui表格中的数；
1、layui表格中开启输入框：edit:’text’;

 //渲染表格组件
            tableInsT  = table.render({
                elem: '#tesc',
                url: '${pageContext.request.contextPath}/admin/compilation/list2?studentid='+data.studentid,
                cols: [[
                    {type: 'checkbox', fixed: 'left',LAY_CHECKED:true,hide:true},
                    {field: 'statementid', title: "statementid",width: 100,hide:true },
                    {field: 'studentid', title: "#",width: 50},
                    {field: 'moneyid', title: "moneyid",hide:true},
                    {field: 'clauseid',title: "款项" ,align: "center",width:150,templet:"#selectClause"},
                    {field: 'paymentid', title: "收费方式", align: "center" , width:110,templet: "#selectPayment"},
                    {field: 'amountmoney', title: "金额",edit:'text', align: "center",width:120},
                    {field: 'coupon', title: "优惠",edit:'text', align: "center",width:100},
                    {field: 'exchangeshop', title: "票号",edit:'text', align: "center",width:150},
                    {field: 'moneyremark', title: "备注",edit:'text', align: "center",width:100},
                    {field: 'paymentdate', title: "缴费时间",edit:'text', align: "center",width:150},
                    {field: 'amend', title: "收费人",edit:'text', align: "center",width:100},
                    {field: 'enterstate', title: "入账状态", align: "center" ,templet:'#selectEnterstate' ,width:150},
                    {field: 'cancellationstate', title: '操作', width:100, toolbar: '#currentnnnn', align: "center"}
                ]],
                page: true,
                height:510,

2、单元格编辑类型，在layui中的单元格他是默认是不开启的，只有加入的edit:’text’他就开启单元格编辑。同时目前只支持：text 输入框，在layui官方文档就有。
效果图

3、获取到输入框中的数据。而我所用的是获取选中行数据；LAY_CHECKED：true:开启勾选；
hide:true:隐藏不在表格中显示。

4、我这个是在弹出层修改以及保存的。所以这是在打开详情费用窗口中修改保存。调用layui数据表格。而用到了弹出层了，就要用到btn按钮回调了，他有好几种用法，不过我们只需要用的自定义的就用，我们这只需要两个按钮，一个确认，一个取消的按钮，btn:[‘yes’,’on’]，确认、取消按钮；

5、首先获取到他的数据表格，之后判断表格中的数据大于0，那么就到了获取选中行了，而获取选中行要用到for循环，因为我们所获取到的行并不是一条数据的吗，而是多条数据所以需要用到for循环；而我们就要获取到他的选中行拿到他的数据，而我们已经在表格中以为他勾选中了并且已经把他隐藏起来了，所以我们这写了获取选中行的时候就不用其纠结他所选中行了，因为他选中的是表格中的所有数据，

 ,yes: function(index, layero){
                    var checkStatus = table.checkStatus('tesc'); //idTest 即为基础参数 id 对应的值

                    if (checkStatus.data.length > 0){
                        var data = "";
                        var payable = $("#payable").val();//应缴
                        var amount = $("#amount").val();//应缴
                        var expenditure = $("#expenditure").val();//应缴
                        console.log(payable)
                        for (var i = 0; i <checkStatus.data.length; i++){
                            //获取表格选中行数据
                             data = checkStatus.data[i];
6、提交参数：提交所有数据表格中的参数。
                            $.post("/admin/compilation/StatementMoney",{
                                "statementid":data.statementid,
                                "clauseid":data.clauseid,
                                "moneyid":data.moneyid,
                                "amountmoney":data.amountmoney,//金额
                                "payable":payable,//应金额
                                "amount":amount,//已缴金额
                                "paymentid":data.paymentid,//付款类型
                                "arrearage":data.arrearage,//欠费
                                "coupon":data.coupon,//优惠金额
                                "exchangeshop":data.exchangeshop,//票号
                                "moneyremark":data.moneyremark,//备注
                                "expenditure":expenditure,//支出
                                "amend":data.amend,//修改人
                                "enterstate":data.enterstate,//入账状态
                                "paymentdate":data.paymentdate//paymentdate
                            },function (result){
                                if (result.success){
                                    layer.alert(result.message,{icon:6});
                                }else{
                                    layer.alert(result.message,{icon:5});
                                }
                            },"json");
                            layer.close(index);
                        }
                    }
                    }
            });
            layer.full(mainIndex);
        }

7、我这是在弹出层写的修改layui数据表格中的数据，而不在弹出层写呢，也可以你只需要一个保存按钮就可以了，给他个onclick点击事件，来写他的获取选中行数据下的就行了。