jExcel-类似Excel的jquery电子表格插件-鸾鸟资源网

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

发布2023-08-08 浏览936次下载20次

特别声明：本站所有资源均来源于互联网，如有侵权请联系站长！将第一时间删除，源码仅供参考学习，请勿商用或其它非法用途，否则一切后果用户自负！。

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表格