A jQuery plugin (based heavily on jEditable) that allows cells in a table to be edited and posted to a server ajaxically.

How is it used?

  $('table').tEditable('http://someurl.com,
{
indicator : 'Saving...',
}); 

By default tEditable uses textareas, where dimensions can be set using the rows and cols parameters.

How does in place editing work?

Normal flow is this. User clicks text on web page. Block of text becomes a form. User edits contents and presses submit button. New text is sent to webserver and saved. Form becomes normal text again.

Demo: http://joshhundley.com/teditable/index.html
Download: http://joshhundley.com/teditable/jquery.teditable.js
Source: http://joshhundley.com/teditable-in-place-editing-for-tables/

Related Listings:

1. UITableFilter – jQuery Plugin A simple and easy to use jQuery plugin for filtering...
2. Ajax Inline Quick Edit in Place Ajax Inline Edit in Place Script is a fast forward...
3. Tables with Style CSS It might not seem like it but styling tabular data...
4. Create advanced html Tables using TableGear Tables are a very important part of HTML, but they...
5. Tablecloth : Style your Tables Tablecloth is lightweight, easy to use, unobtrusive way to add...

Do you like this post?

Email: