https://github.com/gr2m/navigable-table
A Bootstrap plugin for elegant navigating along table inputs
https://github.com/gr2m/navigable-table
Last synced: 7 months ago
JSON representation
A Bootstrap plugin for elegant navigating along table inputs
- Host: GitHub
- URL: https://github.com/gr2m/navigable-table
- Owner: gr2m
- Created: 2014-02-05T23:17:08.000Z (over 12 years ago)
- Default Branch: master
- Last Pushed: 2021-03-05T06:47:58.000Z (over 5 years ago)
- Last Synced: 2024-04-22T13:24:00.034Z (about 2 years ago)
- Language: JavaScript
- Homepage: http://gr2m.github.io/navigable-table/
- Size: 636 KB
- Stars: 20
- Watchers: 6
- Forks: 11
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Navigable Table – A jQuery plugin
> A jQuery plugin for elegant editing of data collections.
[](https://travis-ci.org/gr2m/navigable-table)
[](https://david-dm.org/gr2m/navigable-table)
[](https://david-dm.org/gr2m/navigable-table#info=devDependencies)
## Download / Installation
You can download the latest JS & CSS code here:
- https://npmcdn.com/navigable-table/dist/navigable-table.js
Or install via [npm](https://www.npmjs.com/)
```
npm install --save navigable-table
```
The JS code can be required with
```js
var jQuery = require('jquery')
var navigableTable = require('navigable-table')
// init
navigableTable(jQuery)
```
## Usage
```html
Name
E-Mail
Birthday
```
## Events
```
// bump event when there is no column / row to jump / move to
$table.on('bump', function(event, direction) {});
$table.on('bump:up', function(event) {});
$table.on('bump:down', function(event) {});
// move events, when a row is moved up or down
$table.on('move', function(event, direction, index) {});
$table.on('move:up', function(event, index) {});
$table.on('move:down', function(event, index) {});
// move events, before a row is moved up or down.
// The 'move' events can be preventend by calling cancelMove()
$table.on('before:move', function(event, direction, index, cancelMove) {});
$table.on('before:move:up', function(event, index, cancelMove) {});
$table.on('before:move:down', function(event, index, cancelMove) {});
```
## Local Setup
```bash
git clone git@github.com:gr2m/navigable-table.git
cd navigable-table
npm install
```
## Test
You can start a local dev server with
```bash
npm start
```
Run tests with
```bash
npm test
```
While working on the tests, you can start Selenium / Chrome driver
once, and then tests re-run on each save
```bash
npm run test:mocha:watch
```
## Fine Print
The Expandable Input Plugin have been authored by [Gregor Martynus](https://github.com/gr2m),
proud member of the [Hoodie Community](http://hood.ie/).
License: MIT