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

所属分类:UI-图表

 6496  54  查看评论 (1)
jExcel类似Excel的jquery电子表格插件 ie兼容8

简要教程

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 ] });
相关插件-图表

jQuery甘特图(又叫横道图)编辑器插件Gantt Editor

Gantt是一个JavaScript组件构建在jQuery创建Gantts,任务树,依赖出口产生的JSON格式的数据。
  图表
 44785  70

jquery表格插件Bootstrap Table

Bootstrap Table显示数据表格格式,提供了丰富的支持,单选框、复选框、排序、分页等。
  图表
 502658  170
  图表
 24868  201

jQuery表格插件表格插件gridGridManager

GridManager.js可快速的对table标签进行实例化,是listManager的升级版本。
  图表
 30832  91

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币

    LS.getName().toString(); 0
    2017/5/4 11:05:17
取消回复