前端基础
bootstrap前端框架,easyui前端框架,js,
桀骜浮沉
西安Java程序员
展开
-
创建vue和element-ui项目
创建vue项目1.下载node.js2.安装淘宝镜像加速器npm install cnpm -gnpm install --registry=https://registry.npm.taobao.org3.查看node和npm是否安装成功node -vnpm ls4.安装vue/clinpm install -g @vue/cli看看vue版本vue --version5.进入项目目录下创建项目vue create 项目名发现报错解决报错 set-Executi原创 2022-06-01 11:51:09 · 174 阅读 · 0 评论 -
bootstraptable修改合计行内容
bootstraptable修改合计行内容html<table id="detail_ddtable1" class="table table-hover table-striped"></table>设置表格(msg: ‘detail_ddtable1’ 将msg的值设置为table 的id) templateTableParams = { classes: "table table-bordered table-hover",原创 2021-11-18 16:42:46 · 704 阅读 · 0 评论 -
easyUI设置点击行后背景色,取消点击行后的黄色背景
easyUI设置点击行后背景色 /*设置点击行后背景色变化,默认黄色*/ .datagrid-row-selected { background: #ffffff; }原创 2021-11-17 16:10:48 · 562 阅读 · 0 评论 -
easyUI设置表格背景色,取消灰色背景
easyUI设置表格背景色/*表格背景色*/ .datagrid-header-inner { background: #FFFFFF; }原创 2021-11-17 16:07:55 · 485 阅读 · 0 评论 -
easyUI设置表格边框,取消蓝色边框
easyUI设置表格边框,取消蓝色边框 /*设置表格边框颜色,默认是蓝色*/ .panel-header, .panel-body { border-color: #cecac7; }原创 2021-11-17 16:05:01 · 1014 阅读 · 0 评论 -
easyUI设置行高
easyUI设置行高 /*表头高度*/ .datagrid-header-row{ height: 35px; } /*表格主体行高*/ .datagrid-row { height: 25px; }原创 2021-11-17 16:01:44 · 728 阅读 · 0 评论 -
easyui设置表头高度
easyui设置表头高度/*表头高度*/ .datagrid-header-row{ height: 35px; }原创 2021-11-17 15:58:55 · 567 阅读 · 0 评论 -
easyui树形结构easyui-tree
easyui树形结构easyui-tree页面效果该页面主要是根据人员列表的树形结构在选择人员名称时在物资类别权限区域展示所选人员的授权状况后台代码 //查询人员采购类别权限 @RequestMapping("findBasicDataPurchasCategoryAuthorityByUser") public @ResponseBody Object findBasicD...原创 2020-03-27 12:22:02 · 480 阅读 · 0 评论 -
js 小数处理
js 小数点后都是0时保留整数部分,小数点后存在不为0的数时保留‘0’部分前面部分1.var a=1var b=parseFloat(a) //b为12.var a=1.1var b=parseFloat(a) //b为1.13.var a=1.0var b=parseFloat(a) //b为14.var a=1.10var b=parseFloat...原创 2020-04-01 10:37:45 · 353 阅读 · 0 评论 -
bootstraptable JS 方式隐藏/显示列
bootstraptable 隐藏/显示列方法一显示:bootstraptable默认显示{field: 'itemName',title: "物资名称",halign: "center",width: '100px'} 隐藏:添加visible: false{field: 'itemName',title: "物资名称",halign: "center",v...原创 2020-04-01 17:11:48 · 1098 阅读 · 0 评论 -
bootstraptable单元格可输入(输入框,下拉框)
bootstraptable单元格可输入原创 2020-03-27 21:40:30 · 7374 阅读 · 1 评论 -
bootstraptable 页面多表格合计行宽度设置与隐藏
bootstraptable 页面多表格合计行宽度设置与隐藏HTML部分 <table id="payment_detail_table"></table> <table id="payment_table2" class="payment_table2"></table>编写js为表格添加数据并且在onLoadSuccess方法或...原创 2019-12-03 10:08:08 · 2490 阅读 · 0 评论 -
bootstrap table获取表格数据方式
获取表格所有数据var rows=$('#xqjhDetails_table').bootstrapTable('getData')获取选中的数据 var selected = $("#puBmxqjh_table").bootstrapTable('getSelections');刷新表格数据$('#scjhqt_table').bootstrapTable("refresh");...原创 2019-10-22 14:43:00 · 6468 阅读 · 0 评论 -
bootstrap table表格高度随电脑分辨率变化
获取表格高度随电脑分辨率变化 var templateTableParams = { classes: "table table-bordered table-hover", cache: false, //是否使用缓存,默认为true striped: true, //是否显示行间隔色 singleSelect: ...原创 2019-10-22 14:40:52 · 832 阅读 · 0 评论 -
bootstrap table表头列名转行
表头列名转行首先为所有单元格添加样式保证单元格中内容水平居中/*水平居中*/ th{ vertical-align: middle !important; }在需要转行的列名中添加<br/>标签 var templateTableParams = { classes: "table table-bordered tabl...原创 2019-10-22 14:37:51 · 846 阅读 · 0 评论 -
bootstrap 单元格内容悬框
bootstrap 单元格内容悬框JS代码为columns[]中的对象添加formatter属性并指定调用方法 var templateTableParams = { classes: "table table-bordered table-hover", url: "后台访问路经", method: 'post', conte...原创 2019-10-22 14:36:30 · 177 阅读 · 0 评论 -
bootstrap table合计行单元格隐藏和列宽设置
合计行单元格隐藏和列宽设置在表格加载执行函数onPostBody中添加调用的方法 var templateTableParams = { classes: "table table-bordered table-hover", url: "后台访问路经", method: 'post', contentType: "applica...原创 2019-10-22 14:35:34 · 878 阅读 · 2 评论 -
bootstrap table添加合计行
添加合计行首先为表格添加showFooter: true属性然后为列添加footerFormatter属性var templateTableParams = { classes: "table table-bordered table-hover", url: "后台访问路经", method: 'post', contentT...原创 2019-10-22 14:32:23 · 6477 阅读 · 2 评论 -
bootstrap table合并单元格
合并单元格JS代码部分 var trueHeight = document.documentElement.clientHeight-document.body.offsetHeight; var templateTableParams = { classes: "table table-bordered table-hover", url: "${...原创 2019-10-22 14:29:15 · 1173 阅读 · 0 评论 -
bootstrap table设置列宽
设置列宽首先改变表格的样式,默认表格宽度为自适应,必须改为fixed .table { table-layout: fixed !important; }设置表格宽度后隐藏超出部分用..表示,添加如下代码 .table tbody tr td{ overflow: hidden; text-overflow:ellipsis;...原创 2019-10-22 14:25:52 · 10425 阅读 · 0 评论 -
bootstrap table基本语法
bootstrap table基本语法bootstrap table 中文网 网址 : https://www.bootstrap-table.com.cn/ 点击进入HTML部分<table id="puBmxqjh_table" ></table>JS部分 var templateTableParams = { classes: "tabl...原创 2019-10-22 14:23:26 · 480 阅读 · 0 评论 -
bootstrap table
#bootstrap基本语法HTML部分<table id="puBmxqjh_table" ></table>JS部分 var templateTableParams = { classes: "table table-bordered table-hover", url: "后台访问路经", method: '...原创 2019-10-21 14:14:52 · 371 阅读 · 0 评论