![](https://img-blog.csdnimg.cn/20200709142437666.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Bootstrap
使用bootstrap框架开发中遇到的一些技巧以及问题
猴子请来的水军。
这个作者很懒,什么都没留下…
展开
-
bootstrapTable 根据条件隐藏/显示某列
bootstrap-table方法之:showColumn/hideCoulumn显示或隐藏指定数据列 $table.bootstrapTable('showColumn', $this.val());//显示某列 $table.bootstrapTable('hideColumn', $this.val());//隐藏某列获取表格columns数组$table.data('bootst...原创 2018-12-29 15:26:45 · 22054 阅读 · 0 评论 -
bootstrap-select 详解之官方示例文档解读
引入问题 之前博主在实际开发中遇到了一个问题,就是需要既支持多选又同时支持模糊查询的下拉控件,大家所熟知的比较强大的下拉框插件bootstrap-select2,博主当时也参考过,但是发现它的多选效果做的比较差,类似这种, 这样的多选控件必须要控件足够长,如果选择超...原创 2018-11-19 11:55:58 · 1988 阅读 · 1 评论 -
Bootstrap 开关(switch)控件使用
Bootstrap Switch :通过复选框美化实现的一款开关控件需要引用的JS和CSS可以在参考链接中最底部下载使用html代码:<input type="checkbox" name="smsenable" id="smsenable" />JS代码:$(function(){ $('[name="smsenable"]').bootstrapSwitch({...原创 2018-10-24 14:26:28 · 3377 阅读 · 0 评论 -
bootstrap table 选中一行
//获取表格选中行var rows = $table.bootstrapTable('getSelections');//判断是否选择行if (!rows || rows.length == 0) { alert("请先选中一行!") return;}原创 2018-10-22 15:42:14 · 7933 阅读 · 0 评论 -
设置bootstrap-table行列单元格样式
1、根据单元格或者行内其他单元格的内容,给该单元格设置一定的css样式 columns: [{ field: 'index', title: '序号', align:&amp;amp;amp;amp;amp;amp;quot;center&amp;amp;amp;amp;amp;amp;quot;, formatter:function(value, row, index){ return index+1; }原创 2018-10-18 09:29:22 · 3383 阅读 · 0 评论 -
Bootstrap Table 点击每行显示子页面
//初始化表格 function initTable() { $table.bootstrapTable({ ajax: function (params) { $.post('__URL__/GetList', params.data, function (e) { if($('#total').val...原创 2018-10-17 16:50:08 · 4861 阅读 · 0 评论