🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. jQuery Plugins
  3. dynoTable: A jQuery plugin for creating editable tables

dynoTable: A jQuery plugin for creating editable tables

I was working on a project that required the GUI to allow the user to dynamically add, remove and rearrange various form fields contained in table rows. The tricky part was that the UI needed to have this functionality for several different types of elements across several different forms. For instance, one set of fields was for adding and removing specifications to a product while another set of fields was for adding images to a product.DynoTable makes an html table editable. With it you can:Add rowsRemove rowsClone rowsClick and Drag to Re-arrange rows (If you have Jquery UI included on your page)The dynoTable defaults will probably handle most use cases. If you do not require any of the functionality it provides, you can simply omit the classes from your table. However, dynoTable also provides a number of properties and callback functions to configure it further if needed.

Drag_Drop Tables
Demo Tutorial

You May Also Like

Creating a polaroid photo viewer with CSS3 and jQuery

FullCalendar with jQuery

QapTcha : jQuery captcha system with jQuery & jQuery UI

jQuery File Upload Plugin With Drag ‘n’ Drop Support

Drag and Drop Template Management System with Jquery

Drag-and-Drop with jQuery: Your Essential Guide

$().transformable() Rotate Skew and Scale your div

Drag Drop Shopping Cart Using JQuery

jQuery draggable captcha

Interactive Image Vamp up with jQuery, CSS3 and PHP

Dynatree a jQuery Plugin

Google Plus Style Drag and Drop adding Groups with jQuery

HTML5 File Uploads with jQuery

jQuery colResizable – resize table columns easily

Table Drag and Drop JQuery plugin

Pirobox a jquery lightbox

jQuery Draggable Image Boxes Grid

jQuery OrgChart – a plugin for visualising data in a tree-like structure

Create a Windows-like Interface with jQuery UI

jqDnR – Minimalistic jQuery Drag’n’Resize

jQuery: Customizable layout using drag and drop

jQuery Mapz

EasyDrag jQuery Plugin

jQuery File Upload

Advanced jQuery Tooltip Plugin – qTip2

Hammer.js : A jQuery library for multi touch gestures with Demo

jQuery List DragSort with Demo

iPicture : A jQuery Plugin For Tooltip your Images With Demo

Dragdealer JS : JavaScript 2D drag and Tap Plugin with Demo

inflickity : jQuery Never-ending drag n’ flick content with Demo

Pep.jQuery.js : jQuery kinetic-drag on mobile/desktop plugin with Demo

bsmSelect : Better jQuery Select Multiple with Demo

DragToShirt : jQuery plugin that turn Web page into a t-shirt shop

Drag and Drop table content with JavaScript

QapTcha : jQuery captcha system by drag&drop action

iGoogle-like Drag & Drop Portal

elFinder : jQuery File manager for web

Redactor : Fantastic WYSIWYG-editor on jQuery

jQuery.kinetic : Smooth Drag Scrolling

nestedSortable jQuery plugin

dynoTable: A jQuery plugin for creating editable tables

jQuery.event.move : Drag event plugin

Collapsible Drag & Drop Panels Using jQuery

jQuery Image Scroller Plugin

Nestable jQuery Plugin

EaselJS : JavaScript Library to makes work with HTML5 Canvas element easy

Easybox : lightbox clone for jQuery

gridster.js : jQuery plugin for building intuitive draggable layouts

Creating a Complete HTML5 Drag and Drop File Uploader with jQuery

HTML5 Sortable : jQuery plugin to create sortable lists and grids

FileDrop : Cross-browser JavaScript Drag & Drop file upload

Mapbox: Zoomable jQuery Map Plugin

jsPlumb : Connect elements on the screen using jQuery, SVG, Canvas or VML

jQuery Tagit Plugin

The Wall : A Javascript plugin for Mootools

Drag ‘n’ Drop Shopping Cart With jQuery UI

Mac OSX-like Animated Folder with CSS3 & jQuery

Fancy Product Designer : jQuery plugin

Shapeshift : jQuery plugin for dynamic grids with drag and drop

Circle View : Inspired by Google Circles in jQuery

Dropzone.js : jQuery drag’n’drop File Upload library

Droptiles : Metro style dashboard in jQuery, HTML5 & CSS3

SwinxyZoom : jQuery Takes the ImageZoom paradigm to the highest level

iPhone Style Dragging for Both Desktop and Mobile with jQuery

blueimp jQuery File Upload

Make a Web App with Instagram-like Filters in jQuery & CamanJS

Make your animated gifs in the browser with jQuery & Html5 : MOTHEREFFINGANIMATEDGIF

Layer Styles : HTML5 app for creating CSS3 in a intuitive way

Infinite Drag : jQuery plugin create an infinite wall interface

sDashboard : Simple & light weight Dashboard framework in jQuery

jQuery Plugins

AngularJs Plugins