Bootstrap
文章平均质量分 52
一名写前端的GISer
这个作者很懒,什么都没留下…
展开
-
Bootstrap table表格信息过长显示省略,鼠标悬停显示详细信息
转自:https://blog.csdn.net/qq_38893293/article/details/89188283转载 2021-03-10 11:25:10 · 753 阅读 · 0 评论 -
基于bootstrap 的确认框
基于bootstrap 的确认框代码如下:/** * 重写确认框 fun:函数对象 params:参数列表, 可以是数组 */function confirm(fun, params) { if ($("#myConfirm").length > 0) { $("#myConfirm").remove(); } var html = "<div class='modal fade' id='myConfirm' >"转载 2021-03-05 16:31:50 · 2905 阅读 · 0 评论 -
bootstrap-table按某一列搜寻
转自:https://blog.csdn.net/hggl_bera/article/details/91387804?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase转载 2020-08-27 18:14:04 · 1108 阅读 · 0 评论 -
bootstraptable固定表头和列
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" type="text/css" href="../bootstrap.min.cs...原创 2020-02-20 22:26:04 · 2726 阅读 · 1 评论 -
bootstrapTable数据导出为excel
引入文件:<!--jquery--><script type="text/javascript" src="../../libs/jquery/jquery.js"></script><!--bootstrap--><script type="text/javascript" src="../../li原创 2018-12-18 17:24:10 · 11517 阅读 · 3 评论 -
bootstraptable之uniqueId
如何设置每行唯 一的标识符uniqueId$('#dataTable').bootstrapTable('destroy').bootstrapTable({ columns: [ { field: 'OrganizeID', title: '部门编号',...原创 2019-04-24 10:03:28 · 8597 阅读 · 0 评论 -
bootstraptable不显示pageList
bootstraptable不显示pageList,即下面红框所示的部分使pageList数组中的值与pageSize的值相同即可,如下图原创 2019-07-22 17:18:38 · 4964 阅读 · 0 评论 -
bootstraptable设置列的宽度width
给table标签设置table-layout: fixed;word-break:break-all;这两个样式,如下图然后,设置width,就可以了效果如下:解释:table-layout:fixed 的作用就是固定列的宽度的,但是只固定了标题头;word-break:break-all,此属性的含义是如果单元格内的数据在被列宽限制的情况下会换行...转载 2019-08-01 17:00:34 · 29252 阅读 · 0 评论 -
bootstraptable 之 工具栏 toolbar
定义id="toolbar"的标签,如下图 <div> <div id="toolbar"> <button class="btn btn-success">添加</button> </div> <table id="userInfoManage"...原创 2019-08-19 16:54:49 · 17213 阅读 · 0 评论 -
bootstrap-table复杂表头的实现
效果图:代码:columns: [[ { title: '销售大区', align: 'center', rowspan: 3 }, { title: '区域',...转载 2019-08-12 16:07:56 · 2944 阅读 · 0 评论 -
bootstrapTable表最后一行固定显示某些内容
直接上代码,红色为关键代码$('#table').bootstrapTable('destroy').bootstrapTable({ columns: [ { field: '', title: '序号', formatter: function (value, row, index) { return ...原创 2018-12-18 16:14:11 · 5231 阅读 · 0 评论 -
bootstrap table表头自动换行
https://blog.csdn.net/u012531080/article/details/78665137转载 2018-07-27 10:03:06 · 4337 阅读 · 0 评论 -
Bootstrap(二) 表单(form)
表单(form)、表单样式、textarea、select、复选框(checkbox)、单选框(radio)、内联表单(form-inline)、水平表单(form-horizontal)、 输入框(input-group)1、一般的form表单 2、bootstrap表单样式、textarea、select 3、复选框、单选框3.1复选框 3.2单选框...原创 2018-08-28 18:21:47 · 1151 阅读 · 0 评论 -
Bootstrap(三) 导航条(nav)
导航条(nav)、导航条中的下拉菜单(dropdown)、导航条中的表单(form)、路径导航1、导航条 2、导航条中的下拉菜单(dropdown)其他代码参见1 3、导航条中的表单(form)其他代码参见14、路径导航 ...原创 2018-08-28 18:33:05 · 1249 阅读 · 0 评论 -
Bootstrap(四) 分页(pagination)、徽章(badge)、列表组(list-group)+徽章、警告框+关闭
1、分页 2、徽章3、列表组+徽章4、 警告框+关闭原创 2018-08-28 18:37:25 · 654 阅读 · 0 评论 -
Bootstrap(五) 进度条、列表组(list-group)
1、进度条2、动态进度条3、列表组(list-group)原创 2018-08-29 08:50:31 · 1115 阅读 · 0 评论 -
Bootstrap(六) 面板(panel)
1、面板2、面板+列表组去掉列表组周围的空白:去掉<div class="panel-body"></div> ,效果如下图3、面板+表格原创 2018-08-29 08:53:39 · 2459 阅读 · 0 评论 -
Bootstrap(七) 模态框(modal)、标签页(nav-tabs)、提示框、弹出框
1、模态框2、标签页3、提示框4、弹出框原创 2018-08-29 08:57:49 · 2650 阅读 · 0 评论 -
bootstrap下拉菜单(select)选择后,会显示选择的项
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src=&qu原创 2018-08-17 09:31:14 · 13566 阅读 · 0 评论 -
Bootstrap标签页面(tab)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src=&qu原创 2018-08-16 17:51:01 · 637 阅读 · 0 评论 -
bootstrap之bootstrapTable的基本使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrapTable</title> <script type="text/javascript" src="../../libs/jquery/j...原创 2018-08-10 08:40:05 · 959 阅读 · 1 评论 -
Bootstrap(一) 下拉框(dropdown)
1、bootstrap下拉框2、按钮组嵌入下拉框原创 2018-08-28 18:08:57 · 632 阅读 · 0 评论