在做隐藏列的时候会发现一个问题。

   var settings = {
url: ctx + "rollapply/list",
pageSize: 10,
queryParams: function(params) {
return {
pageSize: params.limit,
pageNum: params.offset / params.limit + 1,
stuNo:$(".rollapply-table-form").find("input[name='stuNo']").val().trim(),
stuName: $(".rollapply-table-form").find("input[name='stuName']").val().trim(),
idCard: $(".rollapply-table-form").find("input[name='idCard']").val().trim(),
stuType: $(".rollapply-table-form").find("select[name='stuType']").val().trim(),
applyStatus: $(".rollapply-table-form").find("select[name='applyStatus']").val().trim(),
applyType: $(".rollapply-table-form").find("select[name='applyType']").val().trim(),
applyTime: $(".rollapply-table-form").find("input[name='applyTime']").val().trim(),
};
},
columns: [{
checkbox: true
},
{
title : '序号',
formatter: function (value, row, index) {
return index+1;
}
},{
field : 'id',
title : 'id',
hidden:true,
formatter: function (value, row, index) {
return '<input type="text" name="id" value="'+ row.id +'" hidden class="form-control">';
} },
{
field: 'stuNo',
title: '学号',
width: 150
}, {
field: 'stuName',
title: '姓名'
}, {
field: 'idCard',
title: '身份证号'
}, {
field: 'stuClass',
title: '班级'
}, {
field: 'stuType',
title: '申请类型',
align : 'center',
formatter: function(value, row, index) {
if (value == '0') return '退学';
else if (value == '1') return '休学';
else if (value == '2') return '复学';
else if (value == '3') return '保留学籍';
else return '无';
}
}, {
field: 'applyType',
title: '申请理由',
align : 'center',
formatter: function(value, row, index) {
if (value == '0') return '征兵入伍';
else if (value == '1') return '因病';
else if (value == '2') return '家庭原因';
else if (value == '3') return '经济原因';
else if (value == '4') return '自主创业';
else if (value == '5') return '个人原因';
else if (value == '6') return '其他';
else return '无';
}
} ,{
field: 'applyStatus',
title: '审核进度',
align : 'center',
formatter: function(value, row, index) {
if (value == '0') return '<span class="badge badge-warning">待审核</span>';
else if (value == '1') return '<span class="badge badge-success">通过</span>';
else if (value == '2') return '<span class="badge badge-danger">拒绝</span>';
else return '<span class="badge badge-warning">待审核</span>';
}
}, {
field: 'applyTime',
title: '申请时间'
}, {
field: 'approveTime',
title: '审核时间'
}
],
onLoadSuccess:function(data){
$('#rollApplyTable').bootstrapTable('hideColumn', 'id');// 设置隐藏列
} }

列设置了隐藏还是不能隐藏,因为你必须要加上下面这个才行。

 onLoadSuccess:function(data){
$('#rollApplyTable').bootstrapTable('hideColumn', 'id');// 设置隐藏列
}

bootstarp-table 设置隐藏列的更多相关文章

  1. TABLE CONTROL隐藏列和固定列的实现

    一.设置固定列 需求:为了方便对主要关心信息地查看,用户希望TABLE CONTROL左边的一列或者几列在屏幕上固定.针对用户这样子的需求, 我们首先会想到类似与屏幕编辑/可见等字段属性设置,但是此方 ...

  2. #Java Web累积#表格<table>中隐藏列做备用数据

    初入JW,MyEclipse,JS文件中码砖时怎么连个提示都没有. 步骤1 JSP代码中,Table多出一列,如下列代码中的 Other,其中css文件中将col00的width设置为0px; < ...

  3. table 设置每列的颜色

    ISBN Title Price 3476896 My first HTML $53 5869207 My first CSS $49   <!DOCTYPE html> <html ...

  4. java表格操作之设置表格列宽

    设置所有列的宽度 /** * 设置所有列的列宽 * @param table * @param width */ public void setAllColumnWidth(JTable table, ...

  5. NPOI 读取excel到DataTable 读取隐藏列 读取公式列

    处理思路: 1.打开excel 用NPOI进行读取: 2.读取第一个Sheet: 读取过程中: a.先设置相应列 不隐藏 b.读取Cell时 先判断是否的包含公式 相应代码如下: public sta ...

  6. 解决JQuery中datatables设置隐藏显示列多次提交后台刷新数据的问题

    此次项目开发过程中用到了Jquery的Datatables插件,无疑他是数据列表展示,解决MVC中同步过程中先走控制器后返回视图,查询数据过程中无法提示等待的弊端, 而且他所提供的各种方法也都有较强的 ...

  7. Jquery Ajax 异步设置Table中某列的值

    可根据table中某列中的ID去改变某列的值! 只是参考,实际应用中不能这样做的,如果有很多行,频繁访问服务器,服务器是顶不住的! JS: $(document).ready(function () ...

  8. SAP ABAP编程 Table Control动态隐藏列

    在SAP DIALOG设计中,有时候须要动态的隐藏某些列,以下是方法. ***数据定义 CONTROLS: table_control TYPE TABLEVIEW USING SCREEN 0100 ...

  9. html table隐藏列

    隐藏table表的第一列,适合显示信息,隐藏ID主键. <html> <head> <meta http-equiv="content-type" c ...

随机推荐

  1. C# 自定义控件入门

    原文地址:http://www.itdaan.com/blog/2008/03/29/95500785fa538b3900b34ee824376e8b.html 这几天为了什么"评估&quo ...

  2. Spring-Boot服务注册与发现

    关于Eureka服务注册与发现的示例可以参见:http://blog.didispace.com/springcloud1/ 服务注册管理器原理如下图所示: 1.建立eureka服务器 @Enable ...

  3. atom介绍

    在公司微信群,看到activate-power-mode插件的效果,很绚丽,才知道github自己出了一个自己的编辑器atom 官网地址 https://atom.io 官网看了下,atom编辑器的特 ...

  4. aaronyang的百度地图API之LBS云与.NET开发 Javascript API 2.0【把数据存到LBS云1/2】

    如何让用户点,我们可以获得经纬度,我们就要先了解下它给我们提供的百度地图的事件 主要有两个操作事件的,绑定(addEventListener)和解绑(removeEventListener) 一些事件 ...

  5. SharePoint 2013 Step by Step——使用自定义的List Template

    Overview 对于企业员工来说,"扁平结构"的LIST是日常操作中经常使用到的,LIST的好处是方便数据的录入以及数据的整理分析,尤其是Quick Edit功能,可以实现快速编 ...

  6. matlab入门笔记(七):数据文件I/O

  7. Mac下安装mysql8.0.11

    1.下载MySQL Community 版本:8.0.11,本次例子是以dmg安装的方式,下载的文件名为:mysql-8.0.11-macos10.13-x86_64.dmg 下载地址:https:/ ...

  8. sqlite 判断表中是否包含 某个字段

    数据库 都有一个 根表..(我的理解) 也就是 你创建了一个数据库 里面就带有 一个表 sqlite_master 字段有 type , name  , tbl_name , rootpage ,sq ...

  9. 未能加载文件或程序集“Microsoft.SqlServer.Management.Sdk.Sfc, Version=11.0.0.0, Culture=neutral, PublicKeyToken=89845dcd8080cc91”或它的某一个依赖项。系统找不到指定的文件。

    莫名其妙的,在 VS 中添加数据库连接就报这个错误,经过查找,解决方法是重新安装下两个sql server的组件:SharedManagementObjects.msi 和 SQLSysClrType ...

  10. private static final long serialVersionUID = 1L;

    作者:郭无心链接:https://www.zhihu.com/question/24852886/answer/117314768来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注 ...