Handsontable-一款仿 Excel效果的表格插件使用总结 96

最近在做一个关于报表管理的项目,发现了一款很好用的jQuery插件-Handsontable.它真的特别给力,在 Excel 中可进行的操作,你几乎都可以在网页中做到,如拖动复制.Ctrl+C .Ctrl+V .编辑等等.另外在浏览器支持方面,它支持以下的浏览器 IE7+, FF, Chrome, Safari, Opera. 一.安装有很多方法可以安装Handsontable,最方便的是使用包管理器 npm install handsontable --save or bower insta…

分享七款视差滚动效果的jQuery 插件

视差(Parallax)是指从不同的点看一个物体时形成的视觉差异,这个名词是源自希腊文的παράλλαξις (parallaxis),意思是”改变”.在网页设计中,视差滚动(Parallax Scrolling)是当下流行的网页设计技术,通过让多层背景以不同的速度或者不同的方向移动来形成非常有趣的 3D 运动效果.相信你非常想知道上面这些网页的精美视差滚动效果是如何实现的,今天这篇文章就和大家分享六款精心挑选的 jQuery 视差滚动效果插件,它们能够帮助你制作出精美的视差滚动效果. Sequ…

一款比较强大的jquery表格插件Datatables

Datatables是一款jquery表格插件.它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能. 链接:http://www.datatables.club/ 本人无聊时发现的一款用来显示数据的一款插件,很方便好用,可以控制显示条数,可以根据显示数据进行任意条件的查询,可以控制列进行排序,可以控制分页(注意这里的分页我认为是一个假分页,它需要将所有数据查询到以后再进行分页,数据量较大请酌情使用!).具体的功能不再一一叙述,直接看如何使用吧! 使用方法: 一.先引用需要用到的js…

Datatables快速入门开发--一款好用的JQuery表格插件

博主是一个java后端程序员小白,前端技术会用但不精通,做后台的一些功能经常要涉及表格的展示,分页,搜索,排序等等一系列功能,在经历了一段时间的原始手段,开始接触并使用Datatables,一个jquery表格插件,上手很快,重点是超级好用,有完善的中文文档,今天有空,整理一下Datatable的一些使用方法及注意事项,以便随时查阅. DataTables支持的功能: 1.分页,只需要返回符合规范的数据类型,Datatable能帮我们实现好用的分页,同时支持排序,和即时搜索. 2.丰富的数据源的…

网页版仿Excel效果组件--handsontable拓展运用

引言(祝看官们新年万事大吉) 前段时间项目需要实现网页版的excel表格功能,瞬间就想到了handsontable,为什么呢?理由如下:该UI组件功能齐全多样,展示效果也更贴近bootstrap风格,兼容所有现代浏览器和IE9+,然后开源,api相当给力. 唯一美中不足的是没有中文版的api,也有些分享中文api的文章,也不完整(有就不错了,不满意自己去看官网api啊,啦啦啦~),闲言少叙,进入正文: 功能需求我们先看一下功能操作栏(红框部分为部分我们需要实现的功能): 上图中的 input…

发布一款仿天猫产品放大镜JQuery插件

效果如下图: 1.原图 2.放大镜效果: 插件源码如下: /* * * JQUERY 简洁无极放大镜插件-zoomer * Author:盛世游侠 * QQ:418873053 * Date:2013-11-22 * */ (function($) { $.fn.zoomer = function(o){ o = $.extend({ pic:null,//原图img的容器 leftImg:null,//原图img本身 drag:null,//原图img选看区 bigpic:null,//大图i…

jQuery旋转木马仿3D效果的图片切换特效代码

用jQuery实现的一款仿3D效果的图片切换特效代码,类似旋转木马一样,幻灯图片以三维视觉上下滑动切换,效果很酷炫,兼容IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗浏览器. 效果图: 下载预览…

好用的自适应表格插件-bootstrap table （支持固定表头）

最近工作中找到了一款十分好用的表格插件,不但支持分页,样式,搜索,事件等等表格插件常有的功能外,最主要的就是他自带的冻结表头功能,让开发制作表格十分容易,不过网上大多都是英文文档,第一次使用会比较麻烦,因此在此记录一些简单的使用方式,方便扩展学习首先是简单的页面形式,大家可以按照平常画表格的方式来创建html表格,然后通过js控制特殊的样式等操作(优点是表格更加直观,方便调整表格样式等,速度快) 当然,也可以只在页面上放一个table标签,之后的所有数据和样式都通过js控制也是可以的,后面会说…

JQuery表格插件

http://www.datatables.club/example/#styling Datatables快速入门开发--一款好用的JQuery表格插件博主是一个java后端程序员,前端技术会用但不精通,做后台的一些功能经常要涉及表格的展示,分页,搜索,排序等等一系列功能,在经历了一段时间的原始手段,开始接触并使用Datatables,一个jquery表格插件,上手很快,重点是超级好用,有完善的中文文档,今天有空,整理一下Datatable的一些使用方法及注意事项,以便随时查阅. Dat…

表格插件BootStrap-Table使用教程

Bootstrap table 是一款基于 Bootstrap 的 jQuery 表格插件,功能比较完备,能够实现数据异步获取,编辑,排序等一系列功能. 官网https://bootstrap-table.com 中文https://www.bootstrap-table.com.cn 前端代码 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=dev…

浏览器仿EXCEL表格插件 - 智表ZCELL产品V1.4发布

智表(zcell)是一款浏览器仿excel表格jquery插件.智表可以为你提供excel般的智能体验,支持双击编辑.设置公式.设置显示小数精度.下拉框.自定义单元格.复制粘贴.不连续选定.合并单元格.插入行列.删除行列.隐藏行列.键盘操作等. 更新说明本地新增功能主要是行列操作,涉及核心结构调整. 本次版本更新内容如下: 版本: V1.4.0 发布日期:2018-08-23 1.新增插入列功能,支持批量插入.2.新增追加列功能,支持批量追加.3.新增删除列功能,支持批量删除.4.新增插入行…

浏览器仿EXCEL表格插件版本更新 - 智表ZCELL产品V1.3.2更新

智表(zcell)是一款浏览器仿excel表格jquery插件.智表可以为你提供excel般的智能体验,支持双击编辑.设置公式.设置显示小数精度.下拉框.自定义单元格.复制粘贴.不连续选定.合并单元格.隐藏列.键盘操作等. 更新说明这次更新主要应用户要求,新增了部分功能,欢迎大家体验使用. 本次版本更新内容如下: 版本: V1.3.2 发布日期:2018-06-27 版本更新内容 1.新增列宽拖动调整功能. 2.新增复制1个单元格选中多个目标单元格批量粘贴功能. 3.新增销毁表API接口.…

浏览器仿EXCEL表格插件版本更新 - 智表ZCELL产品V1.3.1更新

智表(zcell)是一款浏览器仿excel表格jquery插件.智表可以为你提供excel般的智能体验,支持双击编辑.设置公式.设置显示小数精度.下拉框.自定义单元格.复制粘贴.不连续选定.合并单元格.隐藏列.键盘操作等. 更新说明这次更新主要是修改了授权方式和部分BUG,修改后状态栏支持隐藏,页面无任何广告内容,可放心使用. 本次版本更新内容如下: 智表体验新产品演示地址:产品演示新产品包下载地址1:智表V1.3.1 产品购买 1.产品授权方式调整,基础授权包括 localhost…

浏览器仿EXCEL表格插件版本更新 - 智表ZCELL产品V1.3发布

智表(zcell)是一款浏览器仿excel表格jquery插件.智表可以为你提供excel般的智能体验,支持双击编辑.设置公式.设置显示小数精度.下拉框.自定义单元格.复制粘贴.不连续选定.合并单元格.隐藏列.键盘操作等. 更新说明这次由于新增功能涉及核心结构调整,发布时间比原来计划稍有延迟,让大家久等了. 本次版本更新内容如下: 智表体验新产品演示地址:产品演示新产品包下载地址1:智表V1.3.0 下载地址2:ZCELLV1.3 产品购买 1.本版本定价598元 2.购买请联系 QQ1…

Qt高仿Excel表格组件-支持冻结列、冻结行、内容自适应和合并单元格

目录一.概述二.效果展示三.实现思路 1.冻结行.冻结列 2.行高自适应 3.蚂蚁线四.测试代码 1.添加表格数据 2.设置冻结行.列 3.行高.列宽 4.单元格背景色 5.单元格文字 6.其他相关测试五.相关文章原文链接:Qt高仿Excel表格组件-支持冻结列.冻结行.内容自适应和合并单元格一.概述最近看到一个比较炫酷的表格效果,冻结表格列功能.经常使用excel的人应该都使用过这个功能,当我们想把一些重要的信息一直固定在界面上时,就得使用冻结行或者冻结列的功能. 之前我也做过…

25款顶级的jQuery表格插件

jQuery 表格插件可以让你创建各种各样的表格布局,表格布局是报纸和杂志中最常见的布局,现在的网站中也很常见,在这篇文章中,我向大家推荐25个jQuery 的表格插件,你可以任意控制表格的行和列,用文本和图片进行填充.我用了顶级的来形容这个些插件,我可以肯定你了解它们之后会觉得很酷. 1. Gridify Gridify 是轻量级的 jQuery 插件,用来创建一个类似 Pinterest 图片加载网格插件.支持图像加载事件,支持窗口缩放事件,支持非常长的高度项,支持动态项宽度,支持动画 (C…

excel技巧--复制带excel侧边的表格

假设要复制出带excel侧边的表格内容,则使用以下步骤: 1.选择要复制的表格: 2.选择“页面布局”->“标题”选项的“打印”打勾: 3.选择“开始”->复制旁的三角选项:复制为图片: 4.在对话框中选择“打印如效果”,点击确定. 此时复制出来的就是带有excel的侧边的表格图片.…

LuckySheet一款在线Excel使用心得

1.LuckySheet简介 Luckysheet ,是一款国产的纯JS实现的类似excel的在线表格,功能强大.配置简单.完全开源. 开源地址 https://gitee.com/mengshukeji/Luckysheet 在线演示:https://mengshukeji.gitee.io/luckysheetdemo/ 2.基本使用要使用LuckySheet,有2种方式,可以从官网下载JS,然后引入本地页面,也可以引入CDN 2.1引入JS: <link rel='stylesheet'…

[excel玩转表格教程][1G][AVI]

[excel玩转表格教程][1G][AVI] 下载地址 :http://www.fu83.cn/thread-222-1-1.html…

Atitit 图像处理之仿油画效果 Oilpaint油画滤镜水彩画漫画滤镜 v2

Atitit 图像处理之仿油画效果 Oilpaint油画滤镜水彩画漫画滤镜 v2 1.1. 具体源码参考1 2. ,油画水彩画具有几个比较明显的特点如下:1 2.1. 明暗层次(灰度)较少也就5级别够用了1 2.2. 颜色泛用使用的颜色比较单一,一般不会超过7种颜色,不像真实照片那样,具有丰富的颜色种类:2 3. 水彩画滤镜算法如下:2 3.1. 这个其实就是灰度层次降低维度的过程.3 3.2. 模板半径Radius用来调节水彩画的水彩程度.即是颜色的降低维度的过程3 3.3.…

一款仿PBA官网首页jQuery焦点图的切换特效

一款仿PBA官网首页jQuery焦点图的切换特效,非常的简单大方, 在对浏览器兼容性的方面做了不少的功夫.IE6也勉强能过去. 还是一款全屏的焦点图切换特效.大气而清新.很适合简介大方的网站. 下图还可以看出左侧有3快介绍区,也有特效. 适用浏览器:IE6(有瑕疵).IE7.IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 效果图如下: 特效下载地址:http://www.jqshare.com/Jq/fondone/id/122.html…

Android 自定义View修炼-自定义HorizontalScrollView视图实现仿ViewPager效果

开发过程中,需要达到 HorizontalScrollView和ViewPager的效果,于是直接重写了HorizontalScrollView来达到实现ViewPager的效果. 实际效果图如下: (1)自定义HorizontalScrollView类:AppHorizontalScrollView实现: package com.czm.ui.view; import java.util.ArrayList; import android.content.Context; import and…

结合bootstrap fileinput插件和Bootstrap-table表格插件，实现文件上传、预览、提交的导入Excel数据操作流程

1.bootstrap-fileinpu的简单介绍在前面的随笔,我介绍了Bootstrap-table表格插件的具体项目应用过程,本篇随笔介绍另外一个Bootstrap FieInput插件的使用,整合两者可以实现我们常规的Web数据导入操作,导入数据操作过程包括有上传文件,预览数据,选择并提交记录等一系列操作. 关于这个插件,我在早期随笔<Bootstrap文件上传插件File Input的使用>也做了一次介绍,这是一个增强的 HTML5 文件输入控件,是一个 Bootstrap 3.x…

50款经典电影效果LR预设

Film Looks LR Presets是一套非常专业的经典电影效果LR预设,包含50个不同效果的Lightroom预设,由专业摄影师和Lightroom专家开发,此套LR预设模拟摄影时代的经典电影色调的感觉和外观,只需点击一下即可获得令人惊叹的效果,适用于不同版本的Lightroom,需要的朋友欢迎来下载! 50款经典电影效果LR预设介绍 Film Looks LR Presets模仿了模拟摄影时代的经典电影色调的感觉和外观.由专业摄影师和Lightroom专家开发,以增强和加快您的照片…

一款仿ios7的switches开关按钮

今天给大家介绍一款仿ios7的switches开关按钮.这款按钮也是纯css实现的.无需引js代码.在实现中给出了两种颜色,三种不同大小的demo.一起看下效果图: 在线预览源码下载实现的代码. html代码: <div class="wrap" style="width: 600px; margin: auto;"> <h1> iOS 7 style switches with CSS</h1> <h2> B…

高仿阴阳师官网轮播图效果的jQuery插件

代码地址如下:http://www.demodashi.com/demo/12302.html 插件介绍这是一个根据阴阳师官网的轮播效果所扒下来的轮播插件,主要应用于定制个性化场景,目前源码完全公开,如有需要,可根据自己的需求修改源码样式下面是一个演示页面截图(建议使用新版谷歌.火狐浏览器观看,对于ie9以下不支持CSS3属性的浏览器不兼容). 在插件包中,包含新旧两个版本的插件js源码,区别主要在于控制移动样式上面,可根据自身需求修改对应css样式及插件部分代码,实现个性化定制. 其中ind…

Asp.net C# 遍历Excel中的表格名称

Asp.net C# 遍历Excel中的表格名称 string strConn = "Provider=Microsoft.Jet.OLEDB.4.0;" + "Data Source=" + filePath + ";" + "Extended Properties=\"Excel 8.0\""; //string strConn_ACE = "Provider=Microsof…

Dynatable – 基于 HTML5 & jQuery 的交互表格插件

Dynatable 一款有趣的,语义化,交互式的表格插件,使用 jQuery,HTML5 和 JSON 实现.Dynatable 的目的是提供一种简单的.可扩展的 API,能够轻松的浏览和操作大规模的数据集.Dynatable 提供包括排序,搜索和过滤等常用的数据处理功能. 您可能感兴趣的相关文章推荐35款精致的 CSS3 和 HTML5 网页模板精选12款优秀 jQuery Ajax 分页插件和教程 10大流行的 Metro UI 风格 Bootstrap 主题 8款效果精美的 jQuer…

20 个用于处理页面滚动效果的 jQuery 插件

对设计和开发一个网站来说,web开发者不能低估了网站滚动效果的重要性.如今,设计者们都视为一大挑战了,在网站中设计出吸引眼球的高效视觉滚动效果.幸运的是有各种各样的jquery 滚动插件可供他们使用,有了这些插件,他们可以根据页面滚动的位置做出很多吸引眼球的效果,像背景变换.动画等等. 本文中我收集了20款可以帮你实现很绚效果的Jquery滚动插件. 有了下面的这些jQuery滚动插件,你可以随意的让网站中的任何元素滚动, 使网站变得更加绚丽.吸引眼球. 1. One Page scroll O…