https://github.com/xsanisty/calx.js

jQuery Calx - a jQuery plugin for creating formula-based calculation form
https://github.com/xsanisty/calx.js

calculation-form excel formula html javascript jquery jquery-plugin spreadsheet

Last synced: 3 months ago
JSON representation

jQuery Calx - a jQuery plugin for creating formula-based calculation form

• Host: GitHub
• URL: https://github.com/xsanisty/calx.js
• Owner: xsanisty
• License: mit
• Created: 2012-11-23T13:21:51.000Z (over 11 years ago)
• Default Branch: main
• Last Pushed: 2023-01-30T15:15:43.000Z (over 1 year ago)
• Last Synced: 2024-01-22T15:37:35.806Z (6 months ago)
• Topics: calculation-form, excel, formula, html, javascript, jquery, jquery-plugin, spreadsheet
• Language: JavaScript
• Homepage: http://www.xsanisty.com/project/calx2
• Size: 8.69 MB
• Stars: 196
• Watchers: 32
• Forks: 73
• Open Issues: 33
• Metadata Files:
  • Readme: README.md
  • License: MIT-license.txt

Lists

• awesome-indonesia-repo - jQuery Calx - jQuery plugin for creating formula-based calculation. (JavaScript)

README

        
#jQuery Calx

[![Baikal](https://baikal.io/badges/xsanisty/jquery-calx)](https://baikal.io/xsanisty/jquery-calx)

[![Join the chat at https://gitter.im/xsanisty/jquery-calx](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/xsanisty/jquery-calx?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

jQuery Calx is an Excel calculation engine and formula parser built as jQuery plugin, it offer spreadsheet ability to process and

calculate the formula without bringing table-like spreadsheet interface.

In the core of jQuery Calx is formula parser generated using [jison](https://github.com/zaach/jison) which parse and process the

formula and set of formulas imported from [formula.js](https://github.com/sutoiku/formula.js).

Creating calculation form in html never been easier and simpler than this:

```html

    

    

    

    

    

    

    

    $('#calx_form').calx();

```

If you don't want the formula make your html looks messy, you can move all formula and formatting rule into the js, and leave only `data-cell` attribute.

```html

    

    

    

    

    

    

    

    $('#calx_form').calx({

        data : {

            B1 : {format: '$ 0,0', formula: 'SUM(A1:A3)'},

            B2 : {format: '0.00', formula: 'AVERAGE(A1:A3)'},

            B3 : {formula: 'LOG(A1)*(A2/A3)'},

            B4 : {formula: 'MAX(A1:A3)'}

        }

    });

```

You can even completely remove hidden cell that act as proxy or intermediate cell and move it to javascript section

```html

    

    $('#calx_form').calx({

        data : {

            B1 : {value: '100'},

            B2 : {value: '200'},

            B3 : {formula: 'B1+B2'},

            B4 : {formula: 'B3^2'}

        }

    });

```

# Installation

You can install jQuery Calx by downloading the latest version from this repository, or install it using bower

```

bower install jquery-calx

```

or

```

bower install xsanisty/jquery-calx

```

and load the required script into your html page

```html

```

For detailed documentation, [http://www.xsanisty.com/project/calx2](http://www.xsanisty.com/project/calx2).

For jQuery Calx 1.x please visit [http://www.xsanisty.com/project/calx](http://www.xsanisty.com/project/calx)