html 嵌入编辑excel 开源_一个基于HTML 和 JavaScript 的类似 Excel 的电子表格,Handsontable 0.31.0 发布...-程序员宅基地

技术标签: html 嵌入编辑excel 开源  

Handsontable

Handsontable 是一个用 HTML 和 JavaScript 打造的极简的类似Excel的电子表格(数据表格编辑)。有免费开源和专业版两个版本。

能够在 IE 10+, Firefox, Chrome, Safari 和 Opera 下运行。

8ed460cd82355f91ee4233e2723764e5.png

功能特性

以上是免费开源版本的功能,Pro版本的完整功能列表请查看:Features

用法

首先,引入所有依赖。所有你需要用到的文件都在dist\ 文件夹下:

然后,创建一个新的 Handsontable对象,将一个空的 div引用作为第一个参数传递给它。最后,加载你想要的数据:

var data = [

["", "Kia", "Nissan", "Toyota", "Honda"],

["2008", 10, 11, 12, 13],

["2009", 20, 11, 14, 13],

["2010", 30, 15, 12, 13]

];

var container = document.getElementById('hot');

var hot = new Handsontable(container,

{

data:

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_35977444/article/details/113567886

智能推荐

反射机制/动态代理/枚举/类的加载过程_枚举类在项目启动时加载吗-程序员宅基地

文章浏览阅读645次。类的加载概述概述:当一个程序要使用一个类的时候,如果这个类还没有被加载过,那就先加载这个类,类的加载过程,加载机理是使用双亲委派模型加载:双亲委托模型的工作过程是:如果一个类加载器(ClassLoader)收到了类加载的请求,它首先不 会自己去尝试加载这个类,而是把这个请求委托给父类加载器去完成,每一个层次的类加载器都是如此,因此所有的加载请求最终都应该传送到顶层的启动类加载器中,只有当父类加载器反馈自己无法完成这个加载请求(它的搜索范围中没有找到所需要加载的类)时,子加载器才会尝试自己去加载。_枚举类在项目启动时加载吗

微型计算机原理及应设计试卷,微型计算机原理及应用试卷2002年10月-程序员宅基地

文章浏览阅读236次。&nbsp&nbsp全国2002年10月高等教育自学考试微型计算机原理及应用试题课程代码:02277一、单项选择题(本大题共15小题,每小题1分,共15分)在每小题列出的四个选项中只有一个选项是符合题目要求的,请将正确选项前的字母填在题后的括号内。1.当8086CPU的READY引脚为低电平时,插入的等待周期TW是在( )A.T1与T2之间 B.T2与T3之间C...._8086cpu需访问一个16位字时未对准的字

Java之映射_java中映射是什么意思-程序员宅基地

文章浏览阅读1.9k次,点赞2次,收藏11次。Java之映射文章目录Java之映射什么是映射(map)?HashMap类TreeMap类比较方法什么是映射(map)?映射(map)是一个储存关键字和值的关联,或者说是“键值”对的对象,即给定一个关键字,就可以得到它的值。关键字和值都是对象,其中关键字必须是唯一的,但是值可以重复。HashMap类HashMap类使用散列表实现Map接口,其够高方法如下:HashMap() 构造一个默认的散列映射HashMap(Map m) _java中映射是什么意思

sqli-lab第一关_sqlilab第一关-程序员宅基地

文章浏览阅读90次。使用order by 判断有几页,然后用union联合注入获得库名为security获得表名,应该为users查询字段获取表的数据0x3a是:2.报错型注入获得表名获取字段,没有显示完全显示剩下的字段显示值然后用同样的方法显示剩下的内容3.用sqlmap先获取库名再获得表名再通过表名获得列名获得列名后下载数据..._sqlilab第一关

搭建Eureka Server 集群环境_echo $eureka_server-程序员宅基地

文章浏览阅读997次。Eureka Server 高可用环境需要部署两个Eureka server,它们互相向对方注册。如果在本机启动两个Eureka需要注意两个Eureka Server的端口要设置不一样,这里我们部署一个Eureka Server工程,将端口可配置,制作两个Eureka Server启动脚本,启动不同的端口,如下图:欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的_echo $eureka_server

winform 选项卡tabControl的跳转_c# tabcontrol1 跳转-程序员宅基地

文章浏览阅读1.5k次。选项卡的名字是tabControl1跳转到第二个选项卡tabControl1.SelectTab(1); // 1 为选项卡的序号注意事项:选项卡是从0开始的,所以第一个选项卡的序号是0,第二个选项卡的序号为1_c# tabcontrol1 跳转

随便推点

介绍java中的熔断降级_java 熔断-程序员宅基地

文章浏览阅读183次。Java中的熔断降级是指在分布式系统中,当某个服务或组件出现异常或故障时,对该服务或组件的请求进行自动拦截处理,从而避免服务雪崩的现象。熔断器:熔断器是一种状态机,用于监控服务或组件的请求情况,并在请求失败率达到一定阈值时打开熔断器,拒绝后续请求,从而避免连锁反应。降级策略:在熔断器打开的情况下,需要有一种降级策略,如返回缓存数据、返回默认值、降低服务质量等,以保证服务的可用性。监控和告警:熔断降级需要对服务或组件的请求情况进行监控,并在异常或故障发生时及时进行告警,以便进行问题排查和修复。_java 熔断

windows10 nginx 403_windows nginx alias 403-程序员宅基地

文章浏览阅读6.3k次。server{listen 80;server_name www.xuecheng.com;ssi on;ssi_silent_errors on;location / {alias D:/kaifa/springcloud/xc-ui-pc-static-portal/; (忘记最后加/了)index index.html;}}配置文件中的地址的部分少加了一个/,跟用户 ..._windows nginx alias 403

通过inputStream 读取数据中文乱码_inputstream 中文乱码-程序员宅基地

文章浏览阅读9.7k次。inputStream本身没有包含转码的方式,找了半天。看源码/* * Copyright (c) 1994, 2013, Oracle and/or its affiliates. All rights reserved. * ORACLE PROPRIETARY/CONFIDENTIAL. Use is subject to license terms. * * * * * * * * * * * * * * * * * * * * */packa_inputstream 中文乱码

Blender新手入门1:椅子_blender椅子-程序员宅基地

文章浏览阅读280次。1.在基础立方体进行缩放,制作椅面2.在顶视图,进入编辑模式,Ctrl+r进行环切,切出椅子的四个角3.在椅面下面,连续选择四个角,按E键挤出椅棍4.在椅面上面,选择一个边,按E键挤出椅背..._blender椅子

php+redis乐观锁实现商品秒杀-程序员宅基地

文章浏览阅读1.3k次。public function watch($id,$uid){ $redis = new \Redis(); $redis->connect('127.0.0.1',6379); $redis->auth('qiusuo521.'); //监视销量,给key打上标签, $redis->watch("sales"); $sales = $redis->get('sales'); ._php+redis乐观锁

使项目持续集成支持Carthage管理-程序员宅基地

文章浏览阅读111次。2019独角兽企业重金招聘Python工程师标准>>> ..._carthage oschina

推荐文章

热门文章

相关标签