bootstrap table getHiddenColumns獲取隱藏的列的方法

bootstrap table getHiddenColumns獲取表格隱藏的列，即獲取哪些列當前不可見的列，因為有的列可以通過工具欄或者方法可以設置列隱藏，如何隱藏某個列請查看左側菜單。

getHiddenColumns方法

參數名稱參數說明

無

代碼例子//獲取隱藏的列 返回值為數組

var cols= $('#table').bootstrapTable('getHiddenColumns');

//返回值cols的格式如下

[{

"widthUnit":"px","radio":false,"checkbox":false,"checkboxEnabled":true,"clickToSelect":true,

"showSelectTitle":false,"sortable":false,"order":"asc","visible":false,"switchable":true,

"cardVisible":true,"searchable":true,"searchFormatter":true,"escape":false,"field":"clog",

"title":"分類","colspanIndex":2,"fieldIndex":2

}]

完整例子

bootstrap table getHiddenColumns在線例子

.table-demo {

width: 80%;

margin: 30px auto 0px auto;

}

.titles {

float: right;

clear: both;

}

隱藏列

顯示列

獲取隱藏的列

//設置需要顯示的列

var columns = [

{

checkbox:true

},

{

field:"Id",

title: 'ID'

}, {

field: 'clog',

title: '分類'

} ];

var data= [{

Id: 11,

clog: '分類 101',

}, {

Id: 12,

clog: '分類 102',

}, {

Id: 13,

clog: '分類 103',

} ];

$('#table').bootstrapTable({

toolbar:"#toolbar",

data:data,

columns: columns,

});

$('#table').bootstrapTable('hideColumn','clog');

function col(icase)

{

if(icase===1)

{

$('#table').bootstrapTable('hideColumn','clog');

}

if(icase===2)

{

$('#table').bootstrapTable('showColumn','clog');

}

}

function getHideCols()

{

var cols= $('#table').bootstrapTable('getHiddenColumns');

alert(JSON.stringify(cols));

$("#toolbar").html(JSON.stringify(cols));

}

總結

以上是生活随笔為你收集整理的bootstarp js设置列隐藏_bootstrap table getHiddenColumns获取隐藏的列的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。