Lightweight jQuery Plugin For Editable Table Cells - HeavyTable.js
File Size: | 9.63 KB |
---|---|
Views Total: | 5681 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
HeavyTable.js is a really small jQuery plugin that converts tables cells into editable text fields by single-click or press the ENTER key. You can also navigate between table cells through arrow keys.
See also:
- Simple In-line Editing Plugin For jQuery - Quick Edit
- Simple jQuery Editable Table Plugin For Semantic UI
- Creating A Live Editable Table with jQuery - Tabledit
- Tiny jQuery Plugin For Creating An Editable Table - editTable
- Stylish Editable Table Plugin with jQuery and Bootstrap 2/3 - Editable Table
How to use it:
1. Add the jQuery HeavyTable.js script after jQuery JavaScript library.
<script src="jquery-1.11.3.min.js"></script> <script src="jquery.heavyTable.js"></script>
2. Call the plugin to make an existing table editable.
$('.heavyTable').heavyTable();
3. Set the start position for keyboard navigation.
$('.heavyTable').heavyTable({ xPosition: 2, yPosition: 2 });
This awesome jQuery plugin is developed by victordarras. For more Advanced Usages, please check the demo page or visit the official website.