官网：https://datatables.net/reference/option/
设置： visible: false
如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">

    <script src="../../js/jquery-1.9.1.min.js"></script>
    <script src="../../js/layer/layer.js"></script> 
    <script src="../../js/public.js"></script>

    <script src="../../js/datatables/jquery.dataTables.min.js"></script>

</head>

<body>

<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>

<div align="right">
    <button style="width:80px;background-color: #9CE6F2" onclick="window.history.back()" >关闭</button>
</div>

</body>

<script type="application/javascript">

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
    console.log("页面初始化");
    if(mam.navigator){
        initData();
    }else {
        $(function() {
            initData();
        });
    }
}

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;
    }

    var data = [];
    exAjax("postJSON",queryKey,recordParams,"WARN_DATA",function(e){
        if(notEmptyStr(e.recordList) && e.recordList.length > 0){
            data = e.recordList;
            // console.dir(data);

            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>"
                    // });

                    var dataTable = this.api();

                    this.api().rows().nodes().each(function(cell, i) {
                        var patrolRecordId = dataTable.cell(i,0).data();
                        cell.cells[4].innerHTML = "<a onclick=\"patrolDocList('"+patrolRecordId+"')\">图片</a>";//图片栏
                    });

                },

                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'
                    }//图片
                ]
            });
        }

    });
}

function patrolDocList(patrolRecordId) {
    console.dir(patrolRecordId);
}

</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. FPGA管脚分配文件保存方法

    使用别人的工程时,有时找不到他的管脚文件,但可以把他已经绑定好的管脚保存下来,输出到文件里. 方法一: 查看引脚绑定情况,quartus -> assignment -> Pins,打开F ...

  2. 【Android】14.3 浏览手机中的所有文件夹和文件

    分类:C#.Android.VS2015: 创建日期:2016-02-27 一.简介 前面我们了解了内部存储.外部存储的含义,用一句话说,内部存储实际上是保存在"data"文件夹下 ...

  3. CConfig类

    #ifndef __CONFIG_H__ #define __CONFIG_H__ #include "GameFrameHead.h" //图片信息 struct ImageIn ...

  4. 每日英语：China's Bad Earth

    In Dapu, a rain-drenched rural outpost in the heart of China's grain basket, a farmer grows crops th ...

  5. libcpmt.lib (xxx.obj) LNK2038: mismatch detected for 'RuntimeLibrary': value 'MT_StaticRelease' doesn't match value 'MD_DynamicRelease' in XXX.obj

    问题描述: 这样的,我写了个NString类,然后用的VS2013的命令行编译的(NMAKE.exe),并用LNK.exe打包成了NString.lib 然后后来我在VS2013里面建了一个proje ...

  6. linux 技巧：使用 screen 管理你的远程会话(短时间内同时开启多个会话)

    screen -S zyj 开启一个会话窗口 会进入这个页面 然后按  Ctrl+a,再按一下d  退出 然后输入 screen -r -d zyj 会从新进入这个页面 如果你的工作完成就直接输入 关 ...

  7. C# TextBox常用方法总结

    我们在使用C# TextBox进行开发操作的时候经常会碰到C# TextBox的使用,那么C# TextBox的使用有没有一些常用的技巧呢?如C# TextBox换行的处理,其实就是一些常用的操作,那 ...

  8. Spring MVC之@RequestParam @RequestBody @RequestHeader 等详解<转>

    简介: handler method 参数绑定常用的注解,我们根据他们处理的Request的不同内容部分分为四类:(主要讲解常用类型) A.处理requet uri 部分(这里指uri templat ...

  9. PHP——分页显示数据库内容

    test.php <?php header("Content-Type:text/html;charset=utf-8"); //加载分页类 include "pa ...

  10. linux系统中/etc/syslog.conf文件解读

    1: syslog.conf的介绍 对于不同类型的Unix,标准UnixLog系统的设置,实际上除了一些关键词的不同,系统的syslog.conf格式是相同的.syslog采用可配置的.统一的系统登记 ...