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 ...
随机推荐
- iOS扩大UIButton按钮的可点击区域
一.开发中遇到的问题 我们在开发时有时遇到这中情况:UI给的图片很小,button的点击区域要求比较大.如果用 setBackgroundImage: 方式设置图片会导致图片也跟着button的fra ...
- Android View之布局加载流程
1.引言 最近准备重新学习下Android,加深理解,快速形成自己的知识结构体系.最先学习的就算View部分,从自定义View到Activty层次结构,到layout加载过程.等等都会看一遍,在此记录 ...
- 搭建MVC及WEB API项目框架时碰到的问题集合
前言 刚开始创建MVC与Web API的混合项目时,碰到好多问题,今天拿出来跟大家一起分享下.有朋友私信我问项目的分层及文件夹结构在我的第一篇博客中没说清楚,那么接下来我就准备从这些文件怎么分文件夹说 ...
- Vue的计算属性和侦听器
1 计算属性:他是根据对象已有的属性计算出新的属性值.具有缓存的功能,如果原始属性不变,则用缓存.否则,重新计算. 前端 <form> <label>姓</label&g ...
- MySQL -- 在磁盘爆满后复制的状态
事件: 由于前一天的晚上加班了.第二天又接着上班.所以精神上有点不在状态:收到客户的反馈说在slave上找不到master刚刚插入的数据: 阶段1: 遇到这事的第一感觉就是这可能是主从延时.或是sla ...
- 闭包(Closures)
本文转自:http://goddyzhao.tumblr.com/post/11311499651/closures 翻译自:http://dmitrysoshnikov.com/ 概要 本文将介绍一 ...
- Js字符串与十六进制的相互转换 【转】
开发过程中,字符串与十六进.二进制之间的相互转换常常会用到,尤其是涉及到中文的加密时,就需要把中文转换为十六进制.下面说说具体的转换方法. 1.字符串转换为十六进制 主要使用 charCodeAt() ...
- python 搭建ftp服务器
代码示例: # coding: utf-8 import os from pyftpdlib.authorizers import DummyAuthorizer from pyftpdlib.han ...
- Keepalived介绍以及在Linux系统下的安装与配置
一.简介 Keepalived是一个免费开源的,用C编写的类似于layer3, 4 & 7交换机制软件,具备我们平时说的第3层.第4层和第7层交换机的功能.主要提供loadbalancing( ...
- Android Eclipse Libs 的 jar 源码查看 (或者新版本ADT无法查看jar的源码)
问题背景:在使用比较新的ADT的时候,无法导入Jar中的源码包查看源码.只好自己打开压缩包,实在恼火.在半年前,只好这样. 问题解决方案:我就以 " android-support-v4.j ...