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

所属分类:UI-图表

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

layui使用datatableajax请求json渲染数据

基于layui,datatable.js。将datatable扩展成可以使用layui的调用方式调用的插件。当然如果想单独使用的话,将layui扩展去掉即可,可自行百度layui。
  图表
 10422  65

D3.js logo可视化库 D3.js

D3 是最流行的可视化库之一,它被很多其他的表格插件所使用。它允许绑定任意数据到DOM,然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HTML表格,或是利用它的流体过度和交互,用相似的数据创建惊人的SVG条形图。D3-js D3JS
  图表
 7544  33

KCharts-基于Kissy的图表组件集

KCharts,kissy,raphael,基于Kissy的图表,数据可视化,js图表组件,KCharts是基于kissy的数据可视化组件,包含折线图、柱状图、饼图、散点图等图表,定制方便,快速上手
  图表
 12416  33

信息图插件Chart

Chart 信息图插件
  图表
 11567  59

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

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