前端插件
关注
分享
扫一扫
yuan487639
这个作者很懒，什么都没留下…
展开
-
DataTable其它细节
横向滚动条当表格列数比较多或者内容比较长的时候，为了美观，希望数据一行展示，当前控件放不下的话，出现横向滚动条，代码如下，两个注意点<!-- html部分需要加上nowrap样式><table id="query_table" class="table nowrap table-striped table-bordered" style="margin-top: 0" cellspacing=原创 2017-08-08 18:02:36 · 274 阅读 · 0 评论 -
DataTbles搭建及使用（一）
这篇文章的目的，是记录使用插件的经历，遇到的问题及解决。有些是测试同学测出来的，有些是产品提的需求。这个插件的文章会写两篇，第一篇是表格使用，第二篇增加CURD功能，官方这一块支持的也不错插件链接搭建原始风格的插件，只需要三个文件，分别是jquery和插件本身的js、css，链接如下，要注意的是，jquery引用要在前面，因为插件用到了jquery； dataTables.bootstrap.m原创 2017-07-25 13:19:12 · 776 阅读 · 1 评论 -
DataTables增删改查（二）
这篇文章主要记录针对表格的常用操作，增删改查。涉及的内容包括需要的文件、如何定义操作按钮、一些控件如何交互插件链接Benefits针对普通需求，不需要写编辑页面，插件自动生成自动适配的表格的风格，是页面看起来比较舒服Requirementscss bootstrap.min.css dataTables.bootstrap.min.css buttons.bootstrap.min.c原创 2017-07-25 16:24:03 · 2875 阅读 · 0 评论 -
css+js实现下拉菜单栏
直接上代码吧，没什么复杂逻辑<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head> <style type="text/css"> .out { } .out + ul { display: block; } .in原创 2017-07-25 16:48:41 · 2026 阅读 · 0 评论 -
css+js实现进度滚动条
思路：用到js方法需要有一个类似java的调度器，每隔多少秒执行一次；css方面，是一个父子标签，父标签长宽固定，子标签宽度被js控制，子标签的背景色表示进度条；结合后台使用时，实际上是不断地像后台发送请求，后来根据处理进度反馈数据<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl原创 2017-07-25 16:51:35 · 1301 阅读 · 0 评论 -
Datables修改表头（三）
background根据某些条件查询到的表格，表格标题可能不一样，同时，表格列数也可能变化solution少说废话，直接最粗暴的解决方案。如果表格已经初始化，销毁表格，重置表头，然后重绘if (table_init) $("#table").DataTable().destroy(); $("#table").empty(); $("#table").appe原创 2017-09-07 16:15:48 · 972 阅读 · 0 评论 -
【奇淫巧技】echarts柱形图X轴下标移位
requirement需要展示每个小时内接口的调用量，因此柱状图需要在小时间隔以为，如下图 challenge由于X轴下标和柱形图实际上是一对一的，正常情况如下图 最初的想法是通过官方文档提供的对外参数，来修改X轴下标的位置，试了很多参数，很无奈，都不行solution使用两个坐标轴，原坐标轴放在上面，不显示；下面一个坐标轴，不放数据，但根据数值间隔划分，代码如下var xAxis = [原创 2017-09-27 11:03:50 · 8424 阅读 · 0 评论