bootstarp js设置列隐藏_bootstrap table getHiddenColumns获取隐藏的列的方法
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获取隐藏的列的方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： linux查看进程详细信息top,lin
- 下一篇： 大学计算机一级b笔记,全国计算机等级一级