问题描述

jquery datatable隐藏列问题

"iScrollLoadGap":2,
"bAutoWidth":true,
"bDeferRender":false,
//"aoColumnDefs":,
//"sScrollY":"100%",
//延迟加载
//"iDeferLoading":5,

    "sZeroRecords": "没有检索到数据",
    "aoColumns": [
                    { 'mDataProp':'productCode',"bSortable": false,"sTitle":"商品编码"},
                    { 'mDataProp':'coverSmallImage',"bSortable": false,
                        "mRender": function ( data, type, row ) {
                            return '<div style="text-align:right;"><input class="checkbox1" type="checkbox" style=" float:left; margin-top:18%;height:20px;width:20px;"><img style="height:80px; width="90px;" src="http://125.oss-cn-beijing.aliyuncs.com/'+data+'"></div>';
                        }
                    },
                    { 'mDataProp':'productName',"bSortable": false,"sTitle":"商品名称"},
                    { 'mDataProp':'productPrice',"bSortable": false,"sTitle":"价格"},
                    { 'mDataProp':'salePrice',"bSortable": false,"sTitle":"促销价格"}
                    ],
                    "aLengthMenu": [
            [5, 10, 15, 20,50,100, -1],
            [5, 10, 15, 20,50,100, "全部"] // change per page values here
            ],

                            我想要商品编码列隐藏该怎么做
                            隐藏单是要能取值

                             aoColumnDefs 属性吗

解决方案

{ 'mDataProp':'productCode',"bSortable": false,"sTitle":"商品编码","sClass":"hiddenCol"}
这就对Column 加入了一个css Class 了，然后就通过设置样式来控制咯。。。
后面这些没测试过，大致思路是这样的
在CSS加入
.hiddenCol
{
display:none;
}
或者
.hiddenCol
{
visible:false;
}

解决方案二：

把页面上显示商品编码的控件hidden不行吗

解决方案三：

[星星89757]的方法可以.