bootstarp-table 设置隐藏列
在做隐藏列的时候会发现一个问题。
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 设置隐藏列的更多相关文章
- TABLE CONTROL隐藏列和固定列的实现
一.设置固定列 需求:为了方便对主要关心信息地查看,用户希望TABLE CONTROL左边的一列或者几列在屏幕上固定.针对用户这样子的需求, 我们首先会想到类似与屏幕编辑/可见等字段属性设置,但是此方 ...
- #Java Web累积#表格<table>中隐藏列做备用数据
初入JW,MyEclipse,JS文件中码砖时怎么连个提示都没有. 步骤1 JSP代码中,Table多出一列,如下列代码中的 Other,其中css文件中将col00的width设置为0px; < ...
- table 设置每列的颜色
ISBN Title Price 3476896 My first HTML $53 5869207 My first CSS $49 <!DOCTYPE html> <html ...
- java表格操作之设置表格列宽
设置所有列的宽度 /** * 设置所有列的列宽 * @param table * @param width */ public void setAllColumnWidth(JTable table, ...
- NPOI 读取excel到DataTable 读取隐藏列 读取公式列
处理思路: 1.打开excel 用NPOI进行读取: 2.读取第一个Sheet: 读取过程中: a.先设置相应列 不隐藏 b.读取Cell时 先判断是否的包含公式 相应代码如下: public sta ...
- 解决JQuery中datatables设置隐藏显示列多次提交后台刷新数据的问题
此次项目开发过程中用到了Jquery的Datatables插件,无疑他是数据列表展示,解决MVC中同步过程中先走控制器后返回视图,查询数据过程中无法提示等待的弊端, 而且他所提供的各种方法也都有较强的 ...
- Jquery Ajax 异步设置Table中某列的值
可根据table中某列中的ID去改变某列的值! 只是参考,实际应用中不能这样做的,如果有很多行,频繁访问服务器,服务器是顶不住的! JS: $(document).ready(function () ...
- SAP ABAP编程 Table Control动态隐藏列
在SAP DIALOG设计中,有时候须要动态的隐藏某些列,以下是方法. ***数据定义 CONTROLS: table_control TYPE TABLEVIEW USING SCREEN 0100 ...
- html table隐藏列
隐藏table表的第一列,适合显示信息,隐藏ID主键. <html> <head> <meta http-equiv="content-type" c ...
随机推荐
- C# 程序打包Release版本
注意:DEBUG和RELEASE的区别,DEBUG下可以直接运行,而RELEASE不一定能直接运行,这并不是表示RELEASE版本有问题,而是表示两者需要操作不同.RELEASE版本要比DEBUG版本 ...
- Oracle 12C -- temporal validity
temporal validity需要在创建表的时候使用一个vaild-time维度(包含时间起始和结束) 创建有valid-time维度的表 (1)显式指定两个date-time列 SQL> ...
- 绿色版mysql注册卸载服务
如果直接用绿色版的mysql,则下载后解压,只需对目录下的my.ini文件的basedir(mysql的基本目录)和datadir(mysql数据目录)指定就可以,如下所示. #Path to ins ...
- tableView的用法具体解释
1 tableView的类型 1.1 UITableViewStylePlain 没有区头 不显区头 向上滑动区头不会移动到屏幕外面 ' 1.2 UITableViewStyleGrou ...
- dpkg卸载deb包
一.背景: 一个脚本安装mysql,结果提示缺少依赖库,安装失败. 二.查询: 此时查询deb文件已经安装的情况,得到这个结果: root@debian:~# dpkg -l |grep mysql- ...
- Android自己定义view之measure、layout、draw三大流程
自己定义view之measure.layout.draw三大流程 一个view要显示出来.须要经过測量.布局和绘制这三个过程,本章就这三个流程具体探讨一下.View的三大流程具体分析起来比較复杂,本文 ...
- U811.1接口EAI系列之五--材料出库--VB语言
主要业务有:09其他出库单 11:材料出库单 32:销售出库单 主要业务代码: '材料出库生成XML Public Function xml_storeout(ds_head As MSHFlexGr ...
- Java代码通过API操作HBase的最佳实践
HBase提供了丰富的API.这使得用Java连接HBase非常方便. 有时候大家会使用HTable table=new HTable(config,tablename);的方式来实例化一个HTabl ...
- android sqlite3:数据库操作
1. 修改表名: alter table notification rename to notification_test 2. 修改数据库名称: 3. 复制一个表的数据到另外一个表中(表的字段一致) ...
- [IOS]开源库RegexKitLite正则表达式的使用
1.去RegexKitLite下载类库,解压出来会有一个例子包及2个文件,其实用到的就这2个文件,添加到工程中. 2.工程中添加libicucore.dylib frameworks. 友情提醒:一般 ...