建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery基于Web的电子表格插件jExcel

来源:易助科技网浏览量:9收藏

简介

jexcelce是一个轻量级的JavaScript插件,可以创建与Excel或任何其他电子表格软件兼容的web-based交互式HTML表格和电子表格。您可以从JS数组、JSON、CSV或XSLX文件创建在线电子表格表。您可以从excel复制并直接粘贴到jExcel CE电子表格,反之亦然。很容易集成任何第三方JavaScript插件来创建您自己的自定义列、自定义编辑器,并在应用程序中自定义任何特性。jexcelce通过其本机列类型有很多不同的输入选项,以满足最常见的web-based应用程序需求。它是一个完整的web数据管理解决方案。使用jexcelcejavascript电子表格创建惊人的应用程序。

(下载的附件中附有php DEMO)


JQuery基于Web的电子表格插件jExcel-示例图


使用

1.  引入文件


<script src="https://bossanova.uk/jexcel/v4/jexcel.js"></script>
<script src="https://bossanova.uk/jsuites/v2/jsuites.js"></script>

<link rel="stylesheet" href="https://bossanova.uk/jsuites/v2/jsuites.css" type="text/css" />
<link rel="stylesheet" href="https://bossanova.uk/jexcel/v4/jexcel.css" type="text/css" />


2.  HTML


<div id="spreadsheet"></div>


3.  简单使用


var data = [
  ['Jazz', 'Honda', '2019-02-12', '', true, '$ 2.000,00', '#777700'],
  ['Civic', 'Honda', '2018-07-11', '', true, '$ 4.000,01', '#007777'],
];

jexcel(document.getElementById('spreadsheet'), {
  data:data,
  columns: [
    { type: 'text', title:'Car', width:120 },
    { type: 'dropdown', title:'Make', width:200, source:[ "Alfa Romeo", "Audi", "Bmw" ] },
    { type: 'calendar', title:'Available', width:200 },
    { type: 'image', title:'Photo', width:120 },
    { type: 'checkbox', title:'Stock', width:80 },
    { type: 'numeric', title:'Price', width:100, mask:'$ #.##,00', decimal:',' },
    { type: 'color', width:100, render:'square', }
  ]
});



相关链接

中文文档 :https://www.5axxw.com/wiki/content/q2mz0p

GitHub 地址 :https://github.com/shenqiangbin/jexcel

Gitee 地址:https://gitee.com/mirrors/jExcel