官网：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. Apache多虚拟主机多版本PHP（5.2+5.3+5.4）共存运行配置全过程

    因为某种需求,可能是因为早期的项目需要低版本的php,和目前开发所用的版本不太一致,我们需要给不同的虚拟主机配置不同版本的PHP.避免去额外配置多个Apache,等iis和apache共存的麻烦. 下 ...

  2. 11个常用的Linux命令

    Linux命令行吸引了大多数Linux爱好者.一个正常的Linux用户一般掌握大约50-60个命令来处理每日的任务.今天为你解释下面几个命令:sudo.python.mtr.Ctrl+x+e.nl.s ...

  3. linux命令汇总1

    允许非root用户使用“sudo” root身份登录系统,执行“visudo”,根据示例添加新的一个规则(记住输入的密码是当前用户密码,而不是root密码)#不需要密码执行sudo命令hadoop   ...

  4. $scope绑定事件之$on方法和$emit,$broadcast

    function DemoCtrl($scope){ $scope.count = 0; $scope.$on('myevent',function(){ $scope.count++; }) } 视 ...

  5. Spring Oauth2 with JWT Sample

    https://www.javacodegeeks.com/2016/04/spring-oauth2-jwt-sample.html ******************************** ...

  6. jquery插件-table转Json数据插件

    使 用开源插件Table-to-json: 官方地址:http://lightswitch05.github.io/table-to-json/ 功能说明:将js对象table转换成javascrip ...

  7. lua工具库penlight--01简介

    lua的设计目标是嵌入式语言,所以和其它动态语言(如python.ruby)相比其自带的库缺少很多实用功能. 好在有lua社区有Penlight,为lua提供了许多强大的功能,接下来的几篇博客,我会简 ...

  8. 示例 - 向百度说 Hello world! 并获得回应.

    1. 让浏览器打开www.baidu.com, 并等待页面加载完毕: Default.Navigate("http://www.baidu.com"); Default.Ready ...

  9. Linux crontab 实现每秒执行

    Linux crontab 实现每秒执行 linux crontab 命令,最小的执行时间是一分钟.如需要在小于一分钟内重复执行,可以有两个方法实现. 1.使用延时来实现每N秒执行 创建一个php做执 ...

  10. js函数与 Promise的使用

    JavaScript的函数不但是“头等公民”,而且可以像变量一样使用,具有非常强大的抽象能力. 定义函数的方式如下: function abs(x) { if (x >= 0) { return ...