Coder Social home page Coder Social logo

jzxyouok / jexcel Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jspreadsheet/ce

0.0 1.0 0.0 1.07 MB

jExcel | the javascript spreadsheet is a very light jquery plugin to add a excel compatible spreadsheet in your application or web based software. Create smarter apps including data tables, grid and spreasheets with this awesome jquery spreadsheet plugin. For live examples, please visit:

Home Page: https://bossanova.uk/jexcel

License: MIT License

JavaScript 100.00%

jexcel's Introduction

jExcel | The javascript spreadsheet

jExcel is is a very light jquery plugin to embed a spreadsheet, compatible with Excel, in your browser. You can load data straight to a jExcel table from a JS array, json or even a CSV file. You can copy and paste from or to Excel straight to a jExcel table. You can easily integrate jExcel with other third party jquery plugin to create your own custom columns, custom editors, and much more. jExcel has a plenty of nice features such as key-value dropdown, CSV loading/exporting, multiple spreadsheets and much more. We have a large roadmap ahead and we are constantly improving, so don't forget to send us your ideas.

Main advantages

  • Make rich web applications
  • Improve your clients software experience
  • Better CRUDS and beautiful UI
  • Compatibility with excel, just copy and paste
  • Powerful customizations

Official Installation

Basic demo

It is very easy to use jExcel, first you should make you have include the jquery core and jexcel JS and CSS style.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jexcel/1.5.7/js/jquery.jexcel.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jexcel/1.5.7/css/jquery.jexcel.css" type="text/css" />

You should initiate your table based on a div container, such as:

<div id="mytable"></div>

To initialize a jExcel table you should run a javascript, such as:

data = [
    ['Google', 1998, 807.80],
    ['Apple', 1976, 116.52],
    ['Yahoo', 1994, 38.66],
];

$('#mytable').jexcel({ data:data, colWidths: [ 300, 80, 100 ] });

Examples

Official website

Screenshot

jExcel | The javascript spreadsheet | jquery plugin

Community

Limitations and roadmap

We are working hard to create a better plugin, but jExcel is under development. We would love to hear your ideas to make a better plugin. We are glad to say new features are coming every day, and we are currently working in features such as:

  • Merged cells
  • Multiple tabs
  • Drag columns
  • Big data (partial table loading)
  • Pagination
  • Online work collaboration

More suggestions are welcome. Please send your comments in our Github page.

Copyright and license

jExcel is released under the [MIT license]. Copyrights belong to Paul Hodel [email protected]

jexcel's People

Contributors

pphod avatar arkzv avatar rzvxa avatar drsdavidsoft avatar maximorlovsky avatar jamesckemp avatar dexterouschen avatar lironka avatar norsfellregis avatar tiagosilvapereira avatar apanagio avatar octoshrimpy avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.