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

所属分类:UI-图表

 8016  59  查看评论 (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 ] });
相关插件-图表

纯css3样式控制table表格隔行高亮显示

纯css3样式控制table表格隔行高亮显示,简单实用。
  图表
 4384  6

JavaScript 交互式数据插件jit.js

JavaScript InfoVis工具包,用于创建网页交互式数据可视化工具。如果你想要直观的显示组织机构详情,那么可以使用这个插件。
  图表
 3821  31

基于echarts双y轴折线图柱状图混合实时更新图

Ets双y轴折线图柱状图混合实时更新图,流畅不卡顿
  图表
 2587  14

bootstrap响应式表格demo

bootstrap响应式表格demo,可以让bootstrap初学者很好的学习例如使用json构建好看的响应式表格
  图表
 41589  93

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

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

    好用

        java_shuai0
        2017/10/27 9:27:59

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

    回复
取消回复