qq_24142447
2015-04-21 07:27
采纳率: 33.3%
浏览 6.4k
已采纳

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 属性吗
  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • 星星89757 2015-04-26 12:00
    已采纳

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

    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • xxm_csdn 2015-04-21 07:51

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

    评论
    解决 无用
    打赏 举报
  • lyxchina 2016-04-14 17:14

    [星星89757]的方法可以.

    评论
    解决 无用
    打赏 举报