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 ...
随机推荐
- MySQL-通用查询日志
记录了所有对mysql数据库服务器请求的信息,无论这些请求是否得到了正确的执行. mysqld向通用查询日志中写信息是按照收到客户端的命令的顺序进行记录,而不是按照执行的顺序. server重 ...
- Python Tensorflow CNN 识别验证码
Python+Tensorflow的CNN技术快速识别验证码 文章来源于: https://www.jianshu.com/p/26ff7b9075a1 验证码处理的流程是:验证码分析和处理—— te ...
- Oracle 11g安装,新建表空间和用户
windows版: 官网下载,两个压缩包,总共2G,解压到同一个文件夹下,setup.exe双击执行,首次安装的话,一直下一步就可以了,最后一步可能时间比较长,等着就好了,一般性能的机器大概要半小时左 ...
- git概念及工作流程详解
git概念及工作流程详解 既然我们已经把gitlab安装完毕[当然这是非必要条件],我们就可以使用git来管理自己的项目了,前文也多多少少提及到git的基本命令,本文就先简单对比下SVN与git的区别 ...
- Django form入门详解--1
form在django中的作用: 1.可以用于自动生成form的html 2.数据校验 3.与model一在一起使用.可以大的方便数据驱动型网站的开发 编程中有许多的东西是“不可描述”的.只有动手去 ...
- 双系统(win8.1+ubuntu14.04)删除win下分区导致grub rescue解决方案
几个grub rescue下的命令的含义: set 设置环境变量 ls 查看设备 insmod 加载模块 root 指定用于启动系统的分区 prefix 设定grub启动路径 操作流程: 1. 先使 ...
- Redis设置和更新Key的过期时间
EXPIRE key seconds 为给定 key 设置生存时间,当 key 过期时(生存时间为 0 ),它会被自动删除. 在 Redis 中,带有生存时间的 key 被称为『易失的』(volati ...
- svn提交遇到冲突解决方法
冲突:如果提交时候发现冲突了先不急着提交,否则会产生冲突文件. 解决步骤: 1.将本地文件先复制一份 2.svn revert(恢复到没修改前版本) -> svn update(更新当前最新版本 ...
- SQL Server 的动态语句(SQLServer 的String.format用法)(SQLServer的调用SQL占位符的使用)
直接上代码好了: --建表语句if exists(select 1 from [你的测试数据库名字].sys.tables where name='TDepartment') BEGIN print ...
- 【Unity】3.5 导入音频文件
分类:Unity.C#.VS2015 创建日期:2016-04-05 一.简介 音频文件 (Audio File) 资源的选择原则应该以无故障地流畅运行为宗旨.下面列出了常用的音频文件. .AIFF ...