ezEditTable - Make Stronger HTML Tables

ezEditTable 2.3.1 is a javascript code geared toward enhancing common HTML tables via adding options akin to inline editing components, complicated selection and keyboard navigation. With only a line of code you'll simply convert a standard HTML desk in a complicated editable and selectable grid keep an eye on.

Major features

• Connect to an existing HTML table
• Complex selection style
• Prolonged keyboard navigation
• Inline cellular telephone or row editing
• Insert and remove rows
• Send changes to server by way of GET or PUT UP shape submission, AJAX requests or through script injection (best gets)
• Integration with any server-facet technology as that is a pure client-aspect resolution
• will also be used as an extension of the brand new TableFilter previously HTML Table Filter Out Generator script to offer much more advanced features to common HTML tables
• Callbacks for all events, and delegates for most movements
• according to plain javascript, that may be, impartial from any javascript framework but appropriate with any of them (no for..in and so on.)
• Exhaustive documentation and API

What’s new?

This version comes with the following options:

• AJAX make stronger for data submission. Data changes can now be despatched by way of shape submission, AJAX requests and script injection
• toughen for insert and delete keys in variation mode
• possibility for triggering cellphone editor on keystroke (editable_on_keystroke)
• choice for positioning new row at preferred row index within the desk (new_row_pos)

and a demo featuring AJAX enhance (jQuery):

• Changes continued via AJAX calls (jQuery)

Demos

This number of samples displays how easy it is to configure this script:

• Samples

Styling

The script comes with THREE issues and an intensive API for CSS definitions:

• Subject curler
• Custom structure defined with the API’s CSS properties

Server-aspect integration

Examples showing server-facet (Php/MySql) integration available at script’s demos page:

• Insert, update and delete operations with automobile store mode
• Insert, replace and delete operations with command buttons and disabled car shop
• AJAX calls (jQuery) (new)
• Customized insert and replace operations carried out with AJAX calls (jQuery)
• Configure the uploader editors

Complex grid component

Mixed with the new TableFilter prior to now HTML Desk Clear Out Generator this script provides complicated grid part answers:

• Variety grid
• Checkbox variety grid
• Editable grid
• Editable grid with command buttons
• Editable AJAX grid (jQuery)

Essential notice

the aim of this code is to improve the HTML tables functions, and supply a frequent or custom technique to ship knowledge to server for DB operations regardless of what server technology you utilize. The examples featured at the script’s web page use PHP and MySql and are supposed to show the way to configure the script in order to send knowledge to the server. that is not a PHP / MySql based totally solution, you could use this script with different server side technologies.

Why use this script?

when you wish to beef up users’ experience when dealing with knowledge tables on your web page, this code could be a quick and efficient solution. This script focuses in 3 primary spaces:

• Keyboard navigation:
  a complicated keyboard navigation very similar to what you could possibly expect in non-web based totally programs
• Variety style (row and/or cellular phone):
  an extended selection type, combining rows and cellphone if wanted, and permitting a couple of rows variety by means of maintaining Ctrl or Shift keys
• Version elements (cellphone or row editor):
  an easy method to convert a simple HTML knowledge table in an editable grid control and preserving consumer-side logic utterly separated from server-facet good judgment

Moreover, the exhaustive script’s API will even mean you can simply create your complex parts based on this grid. a whole set of callbacks for every event and delegates for every motion makes this grid totally customizable and extensible in your venture necessities.

Changelog

2016-05-THIRTEEN

v2.3.1 is a trojan horse restore unlock:

• Mounted onkeypress experience worm with text-area and select cell phone editors

2015-03-15

v2.3 is a bug restore unlock:

• Fixed selection trojan horse taking place after bulk rows deleting
• Added starter web page to documentation

2014-05-25

v2.2 comes with the ones options and enhancements:

• AJAX beef up for data submission. Knowledge changes can now be despatched by the use of shape submission, AJAX requests and script injection
• improve for insert and delete keys in edition mode
• choice for triggering mobile phone editor on keystroke (editable_on_keystroke)
• option for positioning new row at favored row index within the desk (new_row_pos)

2012-10-28

v2.1 comes with 2 further options:

• the uploader cellphone editor
• the automobile shop mode: row/mobile phone adjustments are stored upon row/cellular telephone variety change

2012-06-04

v2.0 release

FULL DOWNLOAD