纯js table 插件

2026-08-07

又发现一款纯js开源电子表格Luckysheet

据官网介绍这个电子表格插件,是一款纯前端类似excel的在线表格,功能强大.配置简单.完全开源. 官网链接: Luckysheet官网在线DEMO 特性包含: 表格设置,包括冻结行列.合并单元格.筛选.排序.查询.条件格式.批注; 支持数据分析功能包括透视表.分列.矩阵操作.内置385个计算函数; 支持一键截图.复制为json数据.共享编辑.excel与Luckysheet之间数据的复制粘贴. 支持移动端查看打开在线DEMO体验下,速度也很快,操作下来和excel基本一致,下面简单截取主要功

纯js日历插件

成品的效果图 1.HTML文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>中兴城-考勤信息</title> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalabl

纯js的统计图插件-统计图

第一次写博客,写的不到望大家见谅! 今天给大家分享一个纯js的插件(统计图),有知道的可以在下面评论一起谈论一下,刚学着的时候,我是看了好久才看懂的一个基本结构,到后来我才知道原来直接去原网站上找到复制下来js就可以了. 这是他的网址:https://www.echartsjs.com/zh/index.html 这个是人家官方的网址,大家可以现去看一下人家的效果,效果蛮多的,基本上可以满足基本项目的需求. 下面我来给打架举一个例子: <!DOCTYPE html> <html la

kPagination纯js实现分页插件

kPagination分页插件纯js分页插件,压缩版本~4kb,样式可以自定义 demo 使用方法 <div id="pagination"></div> <script src="kPagination.min.js"></script> <script> new kPagination({ id: 'pagination', currentPage: 1, // 当前页 totalPage: 20,

baguetteBox.js响应式画廊插件(纯JS)

baguetteBox.js baguetteBox.js 是一个简单和易于使用lightbox纯JavaScript脚本,拥有图像放大缩小并带有相应的CSS3过度,并能在触摸屏等设备上完美展示. Demo页面 github 中文使用特点纯JS编写,无任何依赖支持多重画廊(Multiple-gallery)效果, 且允许自定义参数支持手势滑动(仅在支持多点触控设备上) 现代简约风格图像字幕支持响应式的图像 CSS3转换 SVG按钮,没有额外的文件下载压缩后大约2.3KB 安装方法

纯js客服插件集qq、旺旺、skype、百度hi、msn

原文纯js客服插件集qq.旺旺.skype.百度hi.msn 客服插件,集qq.旺旺.skype.百度hi.msn 等即时通讯工具,并可自己添加支持的通讯工具,极简主义,用法自己琢磨.我的博客 http://www.qiling.org <script> //在线客服插件 powered by casejs 极简主义 http://www.mlrzw.cn function CaseService(caseServiceConfig) { this.config = caseService

JavaScript--动态添加元素（纯js书写table并删除数据）

本文是对上一篇博文的扩展,用js书写表格,并添加和删除数据,详细代码解释见代码页. 对于文中使用的script脚本函数,下载地址如下:https://pan.baidu.com/s/13OFnj7ncOie_X797hBZtyQ 页面效果如图: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>动态创建元素(表格)</

javascript功能插件大集合前端常用插件 js常用插件

转载来源:https://github.com/jobbole/aw... 包管理器管理着 javascript 库,并提供读取和打包它们的工具.•npm – npm 是 javascript 的包管理器.•Bower – 一个 web 应用的包管理器.•component – 能构建更好 web 应用的客户端包管理器.•spm – 全新的静态包管理器.•jam – 一个专注于浏览器端和兼容 RequireJS 的包管理器.•jspm – 流畅的浏览器包管理器.•Ender – 没有库文件的程序

iShare.js分享插件

iShare.js是一个小巧的分享插件,纯JS编写,不依赖任何第三方库,使用简便. 为啥写这个插件? 因为在搭建个人blog时(还没有搭建好(¯﹃¯)),对目前国内比较受欢迎的分享插件都不太满意,主要如下几点: 不太喜欢官方提供的样式,想重新定制,但又不太方便提供的大部分接口都没用到,真正用到就那么几个,显得有点冗余没有进行更新维护,部分接口都是挂掉另外,工作中,有时想要一个可以自定义样式.支持常用的分享接口.使用方便.不依赖于第三库的独立库.比如写活动页面时(⊙﹏⊙) 基于上述原因自己就

纯js实现复制到剪贴板功能

在网页上复制文本到剪切板,一般是使用JS+Flash结合的方法,网上有很多相关文章介绍.随着 HTML5 技术的发展,Flash 已经在很多场合不适用了,甚至被屏蔽.本文介绍的一款JS插件,实现了纯JS方法复制文本到剪切板. 插件名是Clipboard.js,该插件不依赖 Flash,而是依赖于最新HTML5推出 Selection API 和 execCommand API. execCommand 支持以下浏览器:Chrome浏览器42+,火狐41+,IE9+.Safari目前仍不支持cut

纯js分页代码(简洁实用)

纯js写的分页代码. 复制代码代码如下: //每页显示字数 PageSize=5000; //分页模式 flag=2;//1:根据字数自动分页 2:根据[NextPage]分页 //默认页 startpage = 1; //导航显示样式 0:常规 1:直接 3:下拉 TopShowStyle = 1; DownShowStyle = 0; var currentSet,CutFlag,TotalByte,PageCount,key,tempText,tempPage; key="";

纯JS文本比较工具

前段时间由于工作需要写了一个纯JS文本比较工具在这里与大家分享下算法有待优化,还希望大家多多指教先上效果图: 奉上源码(把源码保存为html格式的文件就可以直接运行了): <!doctype html> <html> <head> <title>文本比较工具</title> <style type="text/css"> *{padding:0px;margin:0px;} html,body{ overfl

纯js实现分页

原理:所有数据已加载好,js通过遍历部分显示,实现分页效果 html代码 <html> <head> <meta charset='utf-8'> <script type="text/javascript" src="page.js"></script> <style type="text/css"> #idData {color: red;border: solid;te

纯js实现html转pdf

项目开发中遇到了一个变态需求,需要把一整个页面导出为pdf格式,而且要保留页面上的所有的表格.svg图片和样式.简而言之,就是希望像截图一样,把整个页面截下来,然后保存成pdf.咋不上天呢--查了一下,能够实现html转pdf的方法还是挺多的,大概有以下几种:1.大部分浏览器就有这个功能.然而我们客户要的可不是这个,人家要的是能够在系统中主动触发的导出为pdf功能,所以这种方案pass.2.利用第三方工具.我找到了一种利用wkhtmltopdf这种工具来导出的方案,自己在我们的项目中试了一下,效

bootstrap table 插件多语言切换

在bootstrap中的bootstrap table 插件在多语言切换的审核,只需要如下操作引入bootstrap-table-locale-all.js文件 $('#Grid').bootstrapTable({ locale: "zh-CN" }); 或者直接引用相应的本地化js文件,如bootstrap-table-zh-CN.min.js

js写插件教程深入

原文地址:https://github.com/lianxiaozhuang/blog 转载请注明出处 js 写插件教程深入 1.介绍具有安全作用域的构造函数 function Fn(name){ this.a = name; } Fn.prototype = { constructor:Fn, getF:function(){ console.log(1); } } new Fn(); //new 出来的Fn就是一个构造函数 //倘若有人忘记写new,直接调用Fn();此时var p = Fn

基于jquery的json转table插件jsontotable

分享一款基于jquery的json转table插件jsontotable.效果图如下: 在线预览源码下载实现的代码. html代码: <div class="container"> <div id="jsontotable-arr" class="jsontotable"> </div> <div id="jsontotable-obj" class="jsontot

支持移动触摸设备的简洁js幻灯片插件

lory是一款支持移动触摸设备的简洁的js幻灯片插件.该幻灯片插件可以通过纯js调用,也可以将该幻灯片插件作为jQuery插件来使用.该幻灯片的过渡动画具有硬件加速功能,并且可以定制是否使用easing效果.以下列出该幻灯片的一些特点: 在线预览源码下载支持移动触摸设备. 简单,界面整洁,纯js调用. 可以作为jQuery插件来使用. 过渡效果支持硬件加速. 可定制easing效果. 可无限循环,制作为旋转木马. 丰富的回调函数. HTML结构该幻灯片使用的HTML结构是固定格式的,参

纯js生成QRCode

纯js,不依赖jquery,非常好用,废话不多说,直接上代码! <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no" /> <

JavaScript | 基础表单验证（纯Js）

———————————————————————————————————————————— 基础表单验证(纯js) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 验证思路监听每个input控件的焦点离开(onblue),当焦点离开时调用验证函数,验证

一款基于Bootstrap的js分页插件bootstrap-paginator使用实例

Bootstrap Paginator是一款基于Bootstrap的js分页插件,功能很丰富.它提供了一系列的参数用来支持用户的定制,提供了公共的方法可随时获得插件状态的改变,以及事件来监听用户的动作.浏览器兼容性: Firefox 5+, Chrome 14+, Safari 5+, Opera 11.6+ and IE 7+. 1.引入css和js文件注意:分页样式用BootStrap 的,如果单独使用,请去BootStrap中把分页样式拷出来.jQuery版本需要1.8及以上. <lin

纯js table 插件

热门专题