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

所属分类:UI-图表

 12842  78  查看评论 (2)
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_html5_图表

jquery_html5_图表
  图表
 16003  53

Table表单数据处理插件DataTables

table表单数据处理,可以对数据进行排序,筛选,查找
  图表
 29909  106

jQuery响应式表格插件ReStable

jQuery restable是一个非常简单轻量级(~ 1KB)的jQuery插件,它可以将表格在指定的响应式断点时,使表格结构切换为无序列表结构,以适应在小屏幕设备中显示表格数据。
  图表
 6008  7

轻量级图形报表插件JSCharts

JScharts是一个用于在浏览器直接绘制图表的JavaScript工具包。JScharts支持柱状图、圆饼图以及线性图,可以直接将这个图插入网页,JScharts图的数据可以来源于XML文件、JSON文件或JavaScript数组变量。
  图表
 14624  57

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

    LS.getName 0
    2017/5/4 11:05:17

    好用

        java_shuai0
        2017/10/27 9:27:59

        你好,请问你有这个jexcel插件的使用api么?

    回复
取消回复