LIVE PREVIEWBUY FOR $10

ezEditTable 2.3.1 is a javascript code geared toward enhancing common HTML tables by including options similar to inline modifying parts, superior choice and keyboard navigation. With only a line of code you possibly can simply convert an everyday HTML desk in a complicated editable and selectable grid management.

Most important options

  • Connect to an present HTML desk
  • Superior choice mannequin
  • Prolonged keyboard navigation
  • Inline cell or row modifying
  • Insert and take away rows
  • Ship adjustments to server by way of GET or POST type submission, AJAX requests or by script injection (solely GETs)
  • Integration with any server-side know-how as this can be a pure client-side resolution
  • Can be utilized as an extension of the brand new TableFilter beforehand HTML Table Filter Generator script to supply much more superior capabilities to common HTML tables
  • Callbacks for all occasions, and delegates for many actions
  • Based mostly on plain javascript, that’s, impartial from any javascript
    framework however suitable with any of them (no for..in and so forth.)
  • Exhaustive documentation and API

What’s new?

This model comes with the next options:

  • AJAX help for knowledge submission. Information adjustments can now be despatched by way of type submission, AJAX requests and script injection
  • help for insert and delete keys in version mode
  • possibility for triggering cell editor on keystroke (editable_on_keystroke)
  • possibility for positioning new row at desired row index within the desk (new_row_pos)

and a demo that includes AJAX help (jQuery):

Demos

This assortment of samples exhibits how simple it’s to configure this script:

Styling

The script comes with 3 themes and an in depth API for CSS definitions:

Server-side integration

Examples exhibiting server-side (Php/MySql) integration accessible at script’s
demos page:

Superior grid part

Mixed with the brand new TableFilter beforehand HTML Table Filter Generator this script gives superior grid part options:

Necessary word

The intention of this code is to boost the HTML tables capabilities, and supply a generic or customized technique to ship knowledge to server for DB operations it doesn’t matter what server know-how you employ. The examples featured on the script’s web site use PHP and MySql and are supposed to present how one can configure the script as a way to ship knowledge to the server. This isn’t a PHP / MySql based mostly resolution, you would use this script with different server aspect applied sciences.

Why use this script?

If you’ll want to enhance customers’ expertise when coping with knowledge tables in your web site, this code might be a quick and environment friendly resolution. This script focuses in 3 predominant areas:

  • Keyboard navigation:
    a complicated keyboard navigation much like what you’ll count on in non-web based mostly purposes
  • Choice mannequin (row and/or cell):
    an prolonged choice mannequin, combining rows and cell if wanted, and permitting a number of rows choice by holding Ctrl or Shift keys
  • Version parts (cell or row editor):
    a easy technique to convert a plain HTML knowledge desk in an editable grid management and conserving client-side logic utterly separated from server-side logic

Furthermore, the exhaustive script’s API may even allow you to simply create your superior parts based mostly on this grid. A whole set of callbacks for each occasion and delegates for each motion makes this grid totally customizable and extensible to your undertaking necessities.

Changelog

2016-05-13

v2.3.1 is a bug repair launch:

  • Fastened onkeypress occasion bug with text-area and choose cell editors

2015-03-15

v2.3 is a bug repair launch:

  • Fastened choice bug taking place after bulk rows deleting
  • Added starter web page to documentation

2014-05-25

v2.2 comes with these options and enhancements:

  • AJAX help for knowledge submission. Information adjustments can now be despatched by way of type submission, AJAX requests and script injection
  • help for insert and delete keys in version mode
  • possibility for triggering cell editor on keystroke (editable_on_keystroke)
  • possibility for positioning new row at desired row index within the desk (new_row_pos)

2012-10-28

v2.1 comes with 2 further options:

  • the uploader cell editor
  • the auto save mode: row/cell adjustments are saved upon row/cell choice change

2012-06-04

v2.0 launch


Source