bootstrap
LLL_LH
记录一些学习心得
展开
-
bootstrap-table计算表格列的合计
1、html<table id="tb_table"></table>2、js中$("#tb_table").bootstrapTable({ method: 'get', //请求方式 url: '/order/orderList', //请求数据的URL showFooter: true,//必须});...原创 2018-05-17 14:49:28 · 7881 阅读 · 0 评论 -
bootstrap-datepicker使用
下载地址:https://github.com/uxsolutions/bootstrap-datepicker1、引入相关css/js<script src="js/jquery-3.2.1.js"></script><script src="js/bootstrap-datepicker.min.js"></script><s原创 2018-11-07 10:32:09 · 777 阅读 · 0 评论 -
bootstraptable删除当前行
1、columns部分{ field: 'del', title: '删除', width: 100, align: 'center', valign: 'middle', events:delEvents, formatter:delFunction}2、删除按钮function delFunction(value,row,index){ return [...原创 2018-10-09 10:15:46 · 10670 阅读 · 1 评论 -
bootstraptable导出table出现科学计数法
https://blog.csdn.net/fan510988896/article/details/54410230原创 2018-10-15 10:25:04 · 2600 阅读 · 0 评论 -
bootstrap-select动态级联多选下拉框
1、引用css/js<link href="../../plugins/css/bootstrap.min.css" rel="stylesheet"><link href="../../plugins/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"><lin原创 2018-09-25 13:58:33 · 14850 阅读 · 0 评论 -
bootstraptable冻结列
http://www.cnblogs.com/landeanfen/p/7095414.html原创 2018-09-03 17:22:50 · 2621 阅读 · 0 评论 -
bootstraptable 行内多个输入框编辑,保存
效果如下:点击输入框可修改输入框的值,修改完后点击保存注意:没有修改的值不保存columns代码如下:columns: [{ title: '标题', field: 'channelname', align: 'center', valign: 'middle', sortable: true, }, { title: '目标1', ...原创 2018-09-03 12:09:15 · 6810 阅读 · 12 评论 -
bootstraptable自定义编辑
columns:[{ title: '编辑', field: 'edit', align: 'center', valign: 'middle', sortable: true, events:editEvents, formatter:editFormatter },...]定义编辑按钮:function editFormatter...原创 2018-08-20 10:56:22 · 1453 阅读 · 0 评论 -
bootstrapTable树表格
最近在做bootstrapTable树表格,在此总结一下首先在网上找了一个插件,来源于:https://github.com/lslvxy/bootstrapTable-treeView,我改了一点点,如有侵权,请联系删除/** * created by lise * @date 2018-01-18 */(function ($) { 'use strict'; ...原创 2018-08-15 09:51:10 · 2955 阅读 · 0 评论 -
bootstrap Ace模板获取左侧菜单栏及iframe跳转右侧页面
<div class="sidebar" id="sidebar"> <ul id='menu' class='nav nav-list' style=""></ul> </div> <div class="main-content"> <div class原创 2018-06-08 09:57:27 · 9228 阅读 · 0 评论 -
bootstrap-table使用方法
1、引入css、js<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css" /> <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/plugins/bootstrap-table/bootstrap-table.min.css" ...原创 2018-05-13 16:52:02 · 284 阅读 · 0 评论 -
bootstrapTable清空表格重新加载
我有两个加载条件,比如按时间、按地区重新加载,但是触发bootstrap-table之后无法再次触发,后来终于找到办法了:在重新加载表格之前,要将table销毁。$('#table').bootstrapTable('destroy');$('#searchCompanytab').bootstrapTable({...});...原创 2018-05-18 14:03:42 · 28317 阅读 · 2 评论 -
bootstrapTable实现多层表头
1、html<table id="tb_table"></table>2、jscolumns: [ [{ title: '这是标题', field: '', align: 'center', valign: 'middle', colspan:10 }], [{ title...原创 2018-05-18 11:29:39 · 14461 阅读 · 6 评论 -
bootstrap的fileinput以及上传额外参数
1、html<div class="modal fade" id="addExcelModal" tabindex="-1" role="dialog" aria-labelledby="addExcelModalLabel" aria-hidden="true"> <div class="modal-dialog modal原创 2019-01-31 19:05:54 · 3805 阅读 · 2 评论