官网：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. Windows Mobile自动更新

    private static string m_CurrentPath; //取得作业平台 private static string Platform { get { return Environm ...

  2. 有道翻译 / 百度翻译Api

    比较推荐使用百度翻译api 不推荐有道翻译,比较水. http://ai.youdao.com/docs/doc-trans-api.s#p02 http://ai.youdao.com/docs/d ...

  3. 跨服务器查询信息的sql

    --跨服务器查询信息的sql: select * from openrowset( 'SQLOLEDB', '192.168.1.104'; 'sa'; '123.com',[AutoMonitorD ...

  4. [na]tcp的可靠性

  5. 电影大全 API接口

    http://www.apix.cn/services/show/29 http://www.apix.cn/services/show/112

  6. storyboard三种sugue 和 跳转场景的三种方式 以及控制器之间的传值

    Storyboard引入了2个概念:1. scene:一个场景,由一个viewController和相关的xib表示. 2. segue:在这是用于连接scenes,其有多种类型,iphone包括:P ...

  7. 运用 Range 对象处理 Word 文档内容

    运用 Range 对象处理 Word 文档内容   在所有 Office 应用程序中,Microsoft Word 可能是应用最广泛的应用程序,它还经常在自定义 Office 解决方案中扮演重要的角色 ...

  8. Redis简单介绍

    redis简单介绍 Redis VS key-value缓存产品 Redis支持数据的持久化,能够将内存中的数据保持在磁盘中,重新启动的时候能够再次载入进行使用. Redis不只支持简单的key-va ...

  9. ExecuteNonQuery和ExecuteScalar的区别

    ExecuteNonQuery   针对 Connection 执行 SQL 语句并返回受影响的行数. 返回值 受影响的行数. 备注 您可以使用 ExecuteNonQuery 来执行目录操作(例如查 ...

  10. PHP——数组和数据结构

    <body> <?php $arr[0]=5;//赋值定义 $arr[1]="aa"; print_r($arr); echo "<br /> ...