jExcel-类似Excel的jquery电子表格插件

当前位置:主页 > jQuery库 > 表格 > jExcel-类似Excel的jquery电子表格插件
jExcel-类似Excel的jquery电子表格插件
分享:

    插件介绍

    jexcel.js是一款轻量级的类似Excel的jquery电子表格插件。你可以同js数组、json数据或CSV文件来为jexcel表格提供数据,你甚至可以直接从一个Excel表格中直接复制粘贴数据到jexcel表格中。

    浏览器兼容性

    浏览器兼容性
    时间:2017-03-08
    阅读:
麦子学院
简要教程

jexcel.js是一款轻量级的类似Excel的jquery电子表格插件。你可以同js数组、json数据或CSV文件来为jexcel表格提供数据,你甚至可以直接从一个Excel表格中直接复制粘贴数据到jexcel表格中。

使用方法

在页面中引入jquery、jquery.jexcel.js和jquery.jexcel.css文件。

<link rel="stylesheet" type="text/css" href="css/jquery.jexcel.css" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery.jexcel.js"></script>
                
HTML结构

使用一个<div>容器作为jexcel表格的容器。

<div id="my"></div>
                
初始化插件

在页面DOM元素加载完毕之后,通过下面的代码来初始化jexcel表格。

data = [
    ['Google', 1998, 807.80],
    ['Apple', 1976, 116.52],
    ['Yahoo', 1994, 38.66],
];

$('#mytable').jexcel({ data:data, colWidths: [ 300, 80, 100 ] });               
                

下面是一张带日期的jexcel表格的截图效果:

jexcel表格

更多关于jexcel.js表格插件的信息,可以参考官方网站:http://bossanova.uk/jexcel

网友评论