简介

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

（下载的附件中附有php DEMO）

 使用

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