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

所属分类:UI-图表

 3444  38  查看评论 (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表格插件GridManager.2.0(原listManager.js)

基于jquery的表格插件,实现宽度调整,列位置更换,分页,排序等功能。
  图表
 11943  59

甘特图插件AnyGantt

AnyGantt甘特图控件是一款功能强大、支持自定义的甘特图控件。
  图表
 6724  22

jQuery可视化图表库插件Epoch

Epoch是一个通用图表库为应用程序开发人员和设计师提供可视化界面。它关注可视化编程的两个不同的方面:基本图表创建历史报告,实时图表显示数据。
  图表
 11928  6

jQuery数据分析、数据图形、图表插件echarts

数据分析,数据图形,图表,页面中有详细的插件使用方法
  图表
 3743  60

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

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