ruisoftware / Jquery Rslitegrid
Licence: mit
Input tabular data with your keyboard
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Jquery Rslitegrid
react-keyview
React components to display the list, table, and grid, without scrolling, use the keyboard keys to navigate through the data
Stars: ✭ 16 (+220%)
Mutual labels: keyboard, grid, table, tabular-data
Tabulator
Interactive Tables and Data Grids for JavaScript
Stars: ✭ 4,329 (+86480%)
Mutual labels: grid, table, jquery
Ax5ui Grid
Javascript UI Component - GRID ( Excel Grid, jqGrid, angularjs grid, jquery grid, SlickGrid, ag-grid gridify)
Stars: ✭ 102 (+1940%)
Mutual labels: grid, table, jquery
React Spreadsheet Grid
An Excel-like grid component for React with custom cell editors, performant scroll & resizable columns
Stars: ✭ 996 (+19820%)
Mutual labels: keyboard, grid, table
Nghandsontable
Official AngularJS directive for Handsontable
Stars: ✭ 438 (+8660%)
Mutual labels: grid, table
Ngx Datatable
✨ A feature-rich yet lightweight data-table crafted for Angular
Stars: ✭ 4,415 (+88200%)
Mutual labels: grid, table
Datatable
A simple, modern and interactive datatable library for the web
Stars: ✭ 587 (+11640%)
Mutual labels: grid, table
Datatablesbundle
This Bundle integrates the jQuery DataTables plugin into your Symfony application.
Stars: ✭ 334 (+6580%)
Mutual labels: grid, table
React Datasheet
Excel-like data grid (table) component for React
Stars: ✭ 4,866 (+97220%)
Mutual labels: grid, table
Gridmanager
🌐 表格组件GridManager: 快速、灵活的对Table标签进行实例化，让Table标签充满活力。
Stars: ✭ 622 (+12340%)
Mutual labels: grid, table
React Virtualized
React components for efficiently rendering large lists and tabular data
Stars: ✭ 22,963 (+459160%)
Mutual labels: grid, tabular-data
Grid.blazor
Grid component with CRUD for Blazor (client-side and server-side) and ASP.NET Core MVC
Stars: ✭ 335 (+6600%)
Mutual labels: grid, table
React Handsontable
React Data Grid with Spreadsheet Look & Feel. Official React wrapper for Handsontable.
Stars: ✭ 511 (+10120%)
Mutual labels: grid, table
Selectpage
A simple style and powerful selector, including ajax remote data, autocomplete, pagination, tags, i18n and keyboard navigation features
Stars: ✭ 679 (+13480%)
Mutual labels: keyboard, jquery
Rowgrid.js
A small, lightweight JavaScript plugin for placing items in straight rows (jQuery and vanilla JS version) – Demo:
Stars: ✭ 670 (+13300%)
Mutual labels: grid, jquery
Input Overlay
Show keyboard, gamepad and mouse input on stream
Stars: ✭ 684 (+13580%)
Mutual labels: keyboard, input
Angular Slickgrid
Angular-Slickgrid is a wrapper of the lightning fast & customizable SlickGrid datagrid, it also includes multiple Styling Themes
Stars: ✭ 298 (+5860%)
Mutual labels: grid, jquery
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:
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.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].