Skip to content

ruisoftware/jquery-rsLiteGrid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

jquery-rsLiteGrid Build Status

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:

npm install jquery.rsLiteGrid --save

or directly from git:

<script src="http://rawgit.com/ruisoftware/jquery-rsLiteGrid/master/src/jquery.rsLiteGrid.js"></script>

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

<!doctype html>
<html>
<head>
  <title>jquery-rsLiteGrid plug-in</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  <script src="http://rawgit.com/ruisoftware/jquery-rsLiteGrid/master/src/jquery.rsLiteGrid.js"></script>
  <script>
    $(document).ready(function () {
      $('table').rsLiteGrid();
    });
  </script>
</head>
<body>
	<table></table>
<body>
</html>

This creates a very simple 1x1 table.
You can see a more complete example here on CodePen or on the 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

Bug Reports & Feature Requests

Please use the issue tracker to report any bugs or file feature requests.

Contributing

Please refer to the Contribution page from more information.