![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 55
JavaScript
陌上花语
默默坚持,才能获得成功。
展开
-
bootstrap-table固定右侧列+表头和内容对齐
前端框架原创 2022-06-22 15:21:42 · 3053 阅读 · 4 评论 -
bootstrap-table固定左侧列+表头和内容对齐
前端框架原创 2022-06-22 15:15:06 · 1490 阅读 · 0 评论 -
IE浏览器隐藏web项目的Y轴滚动条
1.错误效果图如下:发现右侧出现滚动条,有个滚动条是页面的滚动条。2.在页面加入代码 <style type="text/css"> /*IE9, IE10, IE11, IE12*/ body{ -ms-scroll-chaining: chained; -ms-overflow-style: none; -ms-content-zooming: zoom; -ms-scroll-rails: non原创 2020-09-29 15:05:22 · 461 阅读 · 0 评论 -
IE7,8, 9, 10, 11浏览器兼容的时间控件(有效)
1.效果图:给大家推荐一个时间控件的(点击就可查看):My97DatePicker时间控件链接2.源码如下,可以去百度网盘上面下载。链接:https://pan.baidu.com/s/11l-hPHeuyqmyrZ0LwbKTRA提取码:619s3.注意:下载文件之后,需要将lang,skin,calendar.js,WdatePicker.js四个包同时放到同一个文件夹下面,前端页面引入 <script language="javascript" type="text/java原创 2020-05-27 17:13:14 · 1300 阅读 · 2 评论 -
jQuery is() 方法
is() 方法用于查看选择的元素是否匹配选择器。点击一下获取jQuery学习网站:jquery的学习网站:前端的代码:<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js.原创 2020-05-25 17:36:13 · 314 阅读 · 0 评论 -
echarts饼状图动态获取后台数据ajax+json(三)
首先给大家推荐echarts官网:里面什么柱状图,折线图,饼状图都有。https://echarts.apache.org/examples/zh/index.html可以去下载对应的echarts样式。1.效果图如下:我这边是根据开始时间,结束时间,用户选择三个下拉来查询饼状图的数据的。2.引入前端样式:(前端主要是bootstrap的样式。可以去官网下载哈)3.前端代码:<%@ page language="java" contentType="text/html; charset原创 2020-05-14 15:43:41 · 3304 阅读 · 3 评论 -
echarts柱状图动态获取后台数据(二)
1.引入前端样式:(前端主要是bootstrap的样式。可以去官网下载哈)2.前端代码:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><% String path = request.getContextPath(); String basePa...原创 2020-04-26 17:30:58 · 3592 阅读 · 2 评论 -
echarts X轴文字倾斜展示(一)
1.效果图如下:2.如图所示:解决办法:需要设置 axisLabel 属性, axisLabel 属性必须要设置在 xAxis里面,否则会失效。3.代码: xAxis : { type : 'category', data : jsonyDX,//jsonyDX代表动态从后台数据库取得X轴的值 axisTick: { alignWithLabel: true...原创 2020-04-26 17:05:59 · 458 阅读 · 0 评论 -
element-ui 中出现Error: Cannot find module 'portfinder'(三)
1.element-ui在运行的时候出现报错。如图所示:如果是和我报一样的错,可以按照我的方式去做哈。2.解决方案:直接运行cnpm install 就可以重新下载组件。在运行npm run dev就可以重新启动项目啦。亲测有效~~~~...原创 2020-04-10 16:08:41 · 2062 阅读 · 0 评论 -
element-ui 中 table表格中无法修改表头宽度(二)
设置参数 :resizable=“false”,使表头无法拉伸。 <el-table-column prop="date" label="日期" width="180" :resizable="false"> </el-table-column>原创 2020-03-24 15:19:51 · 1979 阅读 · 0 评论 -
element-ui 中 table表格内容显示滚动条 (一)
1.效果图:固定element-ui中table的表头,纵向内容过多时,可选择固定表头。只要在el-table元素中定义了height属性,即可实现固定表头的表格,而不需要额外的代码。必须要在el-table 元素里面设置 height=“250” (高度可自行调整),这样整个表格的表头可以固定,实现右侧内容滚动 。如果设置整个.table-container容器的height...原创 2020-03-24 15:14:31 · 22384 阅读 · 2 评论 -
Bootstrap-table实现下拉框三级联动查询,分页,参数设置表格,以及分页显示。
1.Bootstrap-table的效果图如下:2.添加boostrap的样式。可通过bootstrap官网下载。bootstrap-table页面布局样式:<link rel="stylesheet" href="../static/assets/css/bootstrap.min.css"><link rel="stylesheet" href="https://un...原创 2019-10-15 15:24:37 · 2060 阅读 · 0 评论