datatables如何把列设置成hidden隐藏域？

官网：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" οnclick="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 οnclick='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 οnclick=\"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>

转载于:https://www.cnblogs.com/YuyuanNo1/p/9481652.html

datatables如何把列设置成hidden隐藏域？相关推荐

hidden隐藏域值变化监听
hidden隐藏域值变化监听 jQuery.fn.val方法来赋值不会触发change事件,但是可以手动触发. 如:$('#id').val(111).change();
datatable隐藏列设置及获取隐藏列的值
原文:原文链接设置隐藏列: "columns": [ { "data": "name" }, { "data": &q ...
android设置提交的隐藏域以及在onItemClick中获取对应的数据
在ui 的xml文件上添加一个文本隐藏域 <TextView android:id="@+id/novelUrl"android:layout_width="wr ...
datatables隐藏列设置及获取隐藏列的值
https://blog.csdn.net/bingguang1993/article/details/84649674
C#.Net工作笔记019---葡萄城控件FlexGrid自定义风格_比如给某列设置某个颜色_该颜色不受选择行的影响
技术交流QQ群[JAVA,C,.NET,BigData,AI]:170933152 项目中有个需求,就是,前两列,需要固定住,但是我们都知道固定列是,作为表的title部分的,也就是不能写入文字的, ...
通过表单隐藏域向后台传值
今天怂怂就为大家分享一篇在写毕设的时候遇到一个问题以及如何解决问题的,具有很好的参考价值,希望对大家有所帮助.一起跟随怂怂过来看看吧! 数据库使用数值存储权限(role)这个字段 . 由于项目需求,页 ...
html标签--隐藏域
一,input隐藏域定义隐藏域:type="hidden"隐藏域是用来收集或发送信息的不可见元素,让获取数据的同时不在页面显示出来. 隐藏域也要添加name属性,称为隐藏域名称, ...
vue动态设置table列的显示与隐藏并且可以随意拖地排序(element-ui或Antd-ui )
最终效果如下页面只需要设置两个参数(适用于element及antd) columnSetting // 是否显示列设置按钮 // name="TtableColumnSet" / ...
EasyUI1.5之设置datagrid显示隐藏列
datagrid添加设置隐藏列按钮 js页面初始化datagrid $(function(){initColums();init(); } initColumns()函数 function initC ...

datatables如何把列设置成hidden隐藏域？

datatables如何把列设置成hidden隐藏域？相关推荐

最新文章

热门文章