https://github.com/ruisoftware/jquery-rslitegrid

Input tabular data with your keyboard
https://github.com/ruisoftware/jquery-rslitegrid

cell codepen grid input javascript jquery keyboard output table tabular-data

Last synced: 1 day ago
JSON representation

Input tabular data with your keyboard

• Host: GitHub
• URL: https://github.com/ruisoftware/jquery-rslitegrid
• Owner: ruisoftware
• License: mit
• Created: 2015-04-13T07:56:13.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2019-10-06T13:48:06.000Z (over 5 years ago)
• Last Synced: 2025-01-02T18:05:41.528Z (26 days ago)
• Topics: cell, codepen, grid, input, javascript, jquery, keyboard, output, table, tabular-data
• Language: JavaScript
• Homepage:
• Size: 146 KB
• Stars: 6
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# jquery-rsLiteGrid [![Build Status](https://travis-ci.org/ruisoftware/jquery-rsLiteGrid.svg?branch=master)](https://travis-ci.org/ruisoftware/jquery-rsLiteGrid)

Easily input tabular data using only your keyboard.

# Key Features

 - Optional minimum and/or maximum number of rows;

 - Configurable markup and tabstop for each column;

 - Use cursor keys, Tab, Shift+Tab to navigate across all the columns and rows;

 - Data can be imported/exported from/to Json;

 - Strong event driven support;

 - Rows can be added or removed asynchronously after an ellapsed time. Ideal for CSS3 animations;

 - Small footprint.

# Installation

You can install from [npm](https://www.npmjs.com/):

````bash

npm install jquery.rsLiteGrid --save

````

or directly from git:

````javascript

````

or you can download the Zip archive from github, clone or fork this repository and include `jquery.rsLiteGrid.js` from your local machine.

You also need to download jQuery. In the example below, jQuery is downloaded from Google cdn.

# Usage

````javascript

  jquery-rsLiteGrid plug-in

  

  

  

    $(document).ready(function () {

      $('table').rsLiteGrid();

    });

  

	

`````

This creates a very simple 1x1 table.


You can see a more complete example [here](http://codepen.io/ruisoftware/pen/QNQjoB?editors=1010 "on CodePen") on CodePen or on the [test.html](http://rawgit.com/ruisoftware/jquery-rsLiteGrid/master/src/demo/test.html).


By default, a new row is appended automatically when you modify the last row. Obviously, you can disable this and add rows programatically.


# License

This project is licensed under the terms of the [MIT license](https://opensource.org/licenses/mit-license.php)

# Bug Reports & Feature Requests

Please use the [issue tracker](https://github.com/ruisoftware/jquery-rsLiteGrid/issues) to report any bugs or file feature requests.

# Contributing

Please refer to the [Contribution page](https://github.com/ruisoftware/jquery-rsLiteGrid/blob/master/CONTRIBUTING.md) from more information.