Lightweight jQuery Plugin For Editable Table Cells - HeavyTable.js

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.