#Bootstrap
关注
分享
扫一扫
文章平均质量分 68
bellediao
这个作者很懒，什么都没留下…
展开
-
《前端》bootstraptable行数据的获取-2021年2月1日
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>try</title> <!-- 引用 css--> <link rel="s...原创 2021-02-01 09:41:45 · 225 阅读 · 1 评论 -
《前端》Bootstrap-Table事件和方法--未整理
Bootstrap-Table事件和方法本文章为整理之后的，仅供参考官方文档地址：http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/事件的调用方法，前面有过案例$('#table').bootstrapTable({ data: "", uniqueId: "id", locale: "zh-CN", columns: [], .......});转载 2021-02-01 08:29:50 · 267 阅读 · 1 评论 -
《前端》bootstraptable2021-01-26
Bootstrap：Bootstrap_table第一篇：快速用bootstrap_table（支持参数）筛选并展示数据，固定表格前几列，实现表格单元格编辑https://www.cnblogs.com/lelexiu/p/10196062.htmlbootstrapTable 中的td过长 需要加省略号并且鼠标悬停显示全部首先需要在html里加style="table-layout:fixed;width: 100%;" <table class="table tab...原创 2021-01-26 14:14:57 · 211 阅读 · 0 评论 -
《前端》bootstrapTable冻结列-只要加个height就可以固定表头
JS组件系列——自己动手扩展BootstrapTable的 冻结列 功能：彻底解决高度问题https://www.cnblogs.com/landeanfen/p/7095414.html(2条消息) BootstrapTable冻结表头（一）_累行客-CSDN博客_bootstraptable冻结表头 https://blog.csdn.net/csdnluolei/article/details/86508317冻结表头：只要加个height：...原创 2020-12-20 21:04:25 · 584 阅读 · 0 评论 -
《前端》bootstrapTable表头调整列宽-colResizable
需要引入的文件：bootstrapTable基本引入文件：bootstrap-3.3.4.css、bootstrap-table.min.css、jquery-3.5.1.min.js、bootstrap-3.3.7.min.js、bootstrap-table.min.js表头调整列宽需要再引入：colResizable-1.6.js代码：<!DOCTYPE html><html lang="en"><head> <m.原创 2020-12-05 16:22:38 · 1442 阅读 · 2 评论 -
《前端》bootstrapTable获取表格中的值--2020年10月11日
获取选中行的某个字段的值： 在属性中传入需要的值（row.field名），后面获取的时候，通过attr('属性名')来获取属性值。vue中的用法举例：（我想获取索引和BLNo）columns:[{//tablecheckbox:true//第一列显示复选框,若单选，需加入singleSelect},{field:'operate',title:'操作',...原创 2020-10-11 10:53:00 · 3298 阅读 · 0 评论 -
《前端》bootstrapTable-Vue使用记录--2020年9月27日
引入文件： <script src="./lib/js/jquery-1.11.0.min.js"></script> <script src="./lib/js/bootstrap-3.3.7.min.js"></script> <script src="./lib/js/bootstrap-table.min.js"></script> <script src="https://unpkg....原创 2020-09-27 20:10:55 · 1559 阅读 · 0 评论 -
《前端》BootstrapTable表格的使用-2020年9月24日--（？？传递参数queryParams）
想做一个可以自定义配置列的table。发现bootstrap-table有这个功能。但是我单独一个文件试验的时候能出效果。但是当组合的其他页面的时候，却不生效报错了。原因：添加引用文件的顺序导致的。放到上面就显示了。效果如图：代码： <!-- 引用 --> <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.15.3/dist/bootstrap-table.min.c原创 2020-09-21 09:07:47 · 1421 阅读 · 0 评论 -
《前端》Bootstrap之list-group--2020年6月17日
1、列表组列表组是Bootstrap框架新增的一个组件，可以用来制作列表清单、垂直导航等效果，也可以配合其他的组件制作出更漂亮的组件。由于其在Bootstrap是一个独立的组件，所以也对应有自己独立源码：☑ LESS版本：对应的源码文件 list-group.less☑ Sass版本：对应的源码文件是 _list-group.scss☑ 编译出的Bootstrap版本：对应的源码bootstrap.css文件第4820行～第4994行。2、列表组–基础列表组基础列表组，看上去就...转载 2020-06-17 07:09:51 · 526 阅读 · 0 评论 -
《前端》bootstrapTable的销毁问题--2020年6月8日
dialog的用法：jquery dialog-优雅的弹出框 - 鸿娃 - 博客园 https://www.cnblogs.com/hongzai/archive/2013/06/25/3155729.html【bootstraptable 如何销毁】-博文推荐-CSDN博客 https://www.csdn.net/gather_21/NtzaQgysODczLWJsb2cO0O0O.html遇到此问题的情景在table上方添加了文本输入框，用于查询过滤table中的数据，因此需...原创 2020-06-08 15:25:38 · 1410 阅读 · 0 评论 -
《前端》 JS组件 之 BootstrapTable（入门篇）--2020年6月9日
一、BootstrapTable引入Bootstrap Table是Bootstrap的一个组件，它是依赖于 Bootstrap ，所以首先需要添加Bootstrap的引用。Bootstrap的包可以在http://v3.bootcss.com/里面可以找到。然后引入Bootstrap Table的包，源码可以在https://github.com/wenzhixin/bootstrap-table里面git中下载。然后把这两个包分别加入到项目中。（应该不全，后期补充。）<link ..原创 2020-06-09 22:19:50 · 264 阅读 · 0 评论 -
《前端》 JS组件 之 BootstrapTable（技术文档篇）--2020年6月9日
Bootstrap Table Examples https://examples.bootstrap-table.com/bootstrap在线编辑：Online Editor - Bootstrap Table https://live.bootstrap-table.com/example/welcomes/from-html.htmlBootstrap Table Vue Component： https://bootstrap-table.com/docs/vuejs/br...原创 2020-06-09 16:59:50 · 250 阅读 · 0 评论 -
《前端》Bootstrap.用户界面架构
一、布局--.container<div class="container"> <h1 class="page-header">布局<small> 使用Bootstrap网格系统布局网页</small></h1> <p>你好.</p> <div class="row"> <div ...原创 2020-01-29 14:56:16 · 557 阅读 · 0 评论 -
《前端》Bootstrap表格样式使用方法
基本Bootstrap表格样式Bootstrap最基本的表格样式就是在<table>标签中加入table类，然后在标签内嵌套thead和tbody元素即可。 <table class="table"> <thead> <tr> <th>表头</t...原创 2020-02-01 20:04:42 · 624 阅读 · 0 评论