This tiny (3KB, < 120 lines) jQuery plugin turns any table into an editable spreadsheet. Here are the key features:
- No magic - works on a normal HTML table (so you can plug it in into any web table)
- Supports validation and change events (so you can warn about invalid input or prevent invalid changes)
- Uses standard DOM focus for selection (so does not interrupt scrolling or tabbing outside the table)
- Native copy/paste support
- Does not force any styling (so you can style it any way you want, using normal CSS)
- Works well with Bootstrap
- Depends only on jQuery
See http://mindmup.github.com/editable-table/
| Name | Effect | Type | Default |
|---|---|---|---|
| arrow_navigation | Disables arrow key navigation on table. | Boolean | false |
| editor | Markup used for editor input. | Object | $('input') |
| cloneProperties | Styles cloned to editor when shown. | Array | ['padding', 'padding-top', 'padding-bottom', 'padding-left', 'padding-right',,'text-align', 'font', 'font-size', 'font-family', 'font-weight',,'border', 'border-top', 'border-bottom', 'border-left', 'border-right'] |
- jQuery http://jquery.com/