1. 官网：https://datatables.net/reference/option/
    设置： visible: false
    如下：
  1.  
  2. <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
  3.  
  4.     <script src="../../js/jquery-1.9.1.min.js"></script>
        <script src="../../js/layer/layer.js"></script> 
        <script src="../../js/public.js"></script>
  5.  
  6.     <script src="../../js/datatables/jquery.dataTables.min.js"></script>
  7.  
  8. </head>
  9.  
  10. <body>
  11.  
  12. <div align="center" style="width: 99%;">
        <table id="dataGrid" align="center"  border="1" style="width: 100%;">
            <thead>
            <tr>
                <th style="display: none">patrolRecordId</th>
                <th align="center" class="table_title">巡视班组</th>
                <th align="center" class="table_title">巡视人</th>
                <th align="center" class="table_title">巡视开始时间</th>
                <th align="center" class="table_title">巡视结束时间</th>
                <th align="center" class="table_title">图片</th>
            </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
  13.  
  14. <div align="right">
        <button style="width:80px;background-color: #9CE6F2" onclick="window.history.back()" >关闭</button>
    </div>
  15.  
  16. </body>
  17.  
  18. <script type="application/javascript">
  1. document.addEventListener("deviceready", onDeviceReady, false);
    function onDeviceReady() {
        console.log("页面初始化");
        if(mam.navigator){
            initData();
        }else {
            $(function() {
                initData();
            });
        }
    }
  2.  
  3. function initData() {
        var recordParams = {};
        var queryKey = "";
        var queryType = getQueryVariable("queryType");
        if(queryType == "byFeedbackId"){
            queryKey = "PATROL_RECORD";
            var feedbackId = getQueryVariable("feedbackId");
            recordParams.feedbackId = feedbackId;
        }else if(queryType == "byFormId"){
            queryKey = "PATROL_RECORD_LIST";
            var warningFormId = getQueryVariable("warningFormId");
            var operationKey = getQueryVariable("operationKey");
            recordParams.warningFormId = warningFormId;
            recordParams.operationKey = operationKey;
        }
  4.  
  5.     var data = [];
        exAjax("postJSON",queryKey,recordParams,"WARN_DATA",function(e){
            if(notEmptyStr(e.recordList) && e.recordList.length > 0){
                data = e.recordList;
                // console.dir(data);
  6.  
  7.             var table = $('#dataGrid').DataTable({
                    "scrollY" : $(document).height()*0.65,
                    "scrollCollapse" : true,//滚动
                    "paging" : false,
                    "searching" : false,//去除搜索栏
                    "language" : {
                        "info" : "",
                        // "zeroRecords"    : "没有找到记录",
                        "zeroRecords"    : " ",
                        "infoEmpty" : "没有查询到相关数据！"
                    },
                    "ordering": false,
                    "drawCallback" : function(){
                        // this.api().column("photo:name").nodes().each(function(cell, i) {
                        //     cell.innerHTML = "<a onclick='patrolDocList(patrolRecordId)'>图片</a>"
                        // });
  8.  
  9.                     var dataTable = this.api();
  10.  
  11.                     this.api().rows().nodes().each(function(cell, i) {
                            var patrolRecordId = dataTable.cell(i,0).data();
                            cell.cells[4].innerHTML = "<a onclick=\"patrolDocList('"+patrolRecordId+"')\">图片</a>";//图片栏
                        });
  12.  
  13.                 },
  14.  
  15.                 data: data,
                    columns: [
                        {
                            data: 'patrol_record_id',
                            visible: false
                        },
                        {
                            data: 'org_name',
                            width: "20%"
                        },
                        {
                            data: 'patrol_user_name',
                            width: "16%"
                        },
                        {
                            data: 'patrol_start_time',
                            width: "28%"
                        },
                        {
                            data: 'patrol_end_time',
                            width: "28%"
                        },
                        {
                            data: {},
                            name: 'photo'
                        }//图片
                    ]
                });
            }
  16.  
  17.     });
    }
  18.  
  19. function patrolDocList(patrolRecordId) {
        console.dir(patrolRecordId);
    }
  1.  
  2. </script>
    </html>

datatables如何把列设置成hidden隐藏域？的更多相关文章

  1. hidden(隐藏域)

    <input type="hidden">? 这等于是隐藏值,客户端无需显示,但提交后后台能够接受,例如你放个表单验证值在里边,这样可以拒绝来源不明的表单提交.还有判断 ...

  2. 表单重置时 <input type=“hidden”> 隐藏域不可被重置

    可封装全局样式 .hide{ display:none; } 用 <input type="text" class="hide"/> 替代

  3. My97DatePicker设置，包括隐藏 清空，设置最大日期等 转载

    My97DatePicker是一款非常灵活好用的日期控件.使用非常简单. 1.下载My97DatePicker组件包 2.在页面中引入该组件js文件:     <script type=&quo ...

  4. word-wrap&&word-break，奇偶行、列设置样式

    1.word-wrap和word-break区分. 来源场景:机械租赁mvc驾驶员信息查看: 当备注的文字多的时候,第一列的值成这模样: 解决方案:设置table 的td可自动换行.首先table设置 ...

  5. 对同一元素设置overflow-x:hidden,overflow-y:visible;属性值不生效

    作者:孙志勇 微博 日期:2016年12月5日 一.时效性 所有信息都具有时效性.文章的价值,往往跟时间有很大关联.特别是技术类文章,请注意本文创建时间,如果本文过于久远,请读者酌情考量,莫要浪费时间 ...

  6. 在Excel中将数字设置成文本格式的技巧

    在Excel中将数字设置成文本格式的技巧 一个简单的方法,利用［数据］菜单的［分列］功能来将数字设置为文本格式.具体操作步骤为: 1．选中所有需要处理的数字单元格. 2．选择［数据］菜单［分列］功能. ...

  7. IDEA快捷键--与Eclipse快捷键的对比--IDEA快捷键设置成Eclipse默认快捷键

    部分内容转载于:http://blog.csdn.net/dc_726/article/details/9531281 IntelliJ Idea 常用快捷键列表 Ctrl+Alt+t 选择代码块 t ...

  8. javafx 表格某一列设置未复选框

    1.表格要设置成可编辑.2.对列进行如下设置.列定义: @FXMLprivate TableColumn<Hole, Boolean> id_colCheck; 列设置id_colChec ...

  9. CSS设置元素的隐藏和显示

    常见的三种方式 display display: none 隐藏对象 display: block 除了转换为块级元素以外,同时还有显示元素的意思 特点:隐藏之后不保留位置 visibility 值h ...

随机推荐

  1. RFID UHF(EPC)标签使用常识

    文章复制来的,原作者原文点击这里 现在做UHF应用的越来越多了,如何根据实际应用设计系统以达到更佳的使用效果,其中对UHF标签相关内容的了解至关重要,很多朋友对标签的了解不多,在此不才,整理了一些资料 ...

  2. Spring Cloud(八)：分布式配置中心服务化和高可用

    在前两篇的介绍中,客户端都是直接调用配置中心的server端来获取配置文件信息.这样就存在了一个问题,客户端和服务端的耦合性太高,如果server端要做集群,客户端只能通过原始的方式来路由,serve ...

  3. Linux下磁盘管理命令df与du

    Linux下磁盘管理命令df与du  对磁盘进行查看和控制的两个linux命令,df和du.  一.du命令 首先看一下du的help说明: [root@misdwh opt]# du --help ...

  4. 跑酷游戏的一些bug总结(滥用FixedUpdate的坑)

    最近把1年前的跑酷游戏demo拿出来重做了一遍,解决了2个之前的遗留bug. 虽然罪魁祸首都是FixedUpdate,但细节又不太一样.这里记录一下 1.点击空格键,角色会跳跃.而有时会跳的比之前高很 ...

  5. Lambda编写斐波那契数列

    还需要考虑溢出等问题,闲来无事写了写 Func<float, float, float> a = (arg1, arg2) => 0f;//init ; a = (lastNumbe ...

  6. [svc]salt安装lamp

    在批量安装软件前,先找台测试机yum装一遍,看是否报错等,是否依赖包全等 . 本次我们在dev环境下搞. 先看一下已搞成功的目录结构 定义dev环境的第二个好处 搞清楚逻辑结构和调用关系很重要,不然之 ...

  7. html增加锚点定位

    第一种方法,也是最简单的方法是锚点用<a>标签,在href属性中写入DIV的id.如下: <!DOCTYPE html><html><head>< ...

  8. python pip的安装流程，以及使用pip更新，卸载第三方模块

    在Python的学习过程中,肯定会遇到很多安装模块的地方,可以使用easy_install安装,但是easy_install相对于pip而言,最大的缺陷就是它所安装的模块是不能够卸载的,其他功能是和p ...

  9. 每日英语：Rethinking How We Watch TV

    To understand how much television could soon change, it helps to visit an Intel Corp. division here ...

  10. 孙源即将分享 DynamicCocoa 实现细节

    孙源即将分享 DynamicCocoa 实现细节   我的公众号之前发的一文中提到滴滴做了一个很牛逼的动态化方案 DynamicCocoa.该方案设计得非常精巧,解决了两种不同的语言在代码上如何等价生 ...