(上一个问题问的可能不清楚,重新问一下)
如何像easyUI那种在前台动态隐藏列?
现在这边是写的是固定的,该如何改呢?

表头
<div class="box-body table-responsive no-padding">
                        <table id="deviceDetailTable" class="table table-bordered table-striped table-hover" style="width: 100%">
                          <input type="hidden" id="deviceCodeTemp"></input> 	
                       <thead style="width: 100%;">
	                            <tr>
	                                <th>编号</th>
	                                <th>名称</th>
									<th>型号</th>
									<th>启用时间</th>
									<th>停止时间</th>
									<th>出厂时间</th>
									<th>时长</th>
	                            </tr>
                            </thead>
                        </table>
                    </div>

 "columns": [
                    {"data": "code", "bSortable": true},
                    {"data": "name", "bSortable": true},
                    {"data": "version", "bSortable": true},
                    {"data": "code", "bSortable": true},
                    {"data": "depart", "bSortable": true},
                    {"data": "person", "bSortable": true},
                    {"data": "createtime", "bSortable": true}
            ],