Lightweight jQuery Plugin For Editable Table Cells - HeavyTable.js

Lightweight jQuery Plugin For Editable Table Cells - HeavyTable.js
File Size: 9.63 KB
Views Total:
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:

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.