Table | Ajaxmint - Endless Ajax samples on jQuery, MooTools, ExtJS, Dojo, Prototype and PHP

Posts Tagged ‘table’

Expandable Table Rows using jQuery

February 8th, 2010 1 Comment

A common UI is to have a table of data rows, which when clicked on expand to show a detailed breakdown of “child” rows below the “parent” row.

Demo Tutorial

Posted in ajax | Tags: expandable table rows, jquery, rows, table

PicNet JQuery Table Filter

January 4th, 2010 No Comments

This plugin adds a row to the section of a table and adds filters that allows real time filtering of tabular data. Please see the home page for full details.

Download Demo Tutorial

Posted in ajax | Tags: filter, filters, jquery, picnet, table, tabular data

jQuery Grid 3.1

December 31st, 2009 1 Comment

Datagird plugin for jQuery, where the user can manipulate the number of requested pages with adding, updating, deleting row data.

Download Demo Tutorial

Posted in ajax | Tags: datagrid, grid, jquery, table

Tablecloth | Add style and behaviour to your table

December 30th, 2009 1 Comment

Tablecloth is lightweight, easy to use, unobtrusive way to add style and behaviour to your html table elements. By simply adding 2 lines of code to your html page you will have styled and active tables that your visitors will love

Download Demo Tutorial

Posted in ajax | Tags: add behaviour, add style, table, table element, Tablecloth, Unobtrusive

Table Drag and Drop JQuery plugin

December 23rd, 2009 No Comments

Table Drag and Drop allows the user to reorder rows within a table, for example if they represent an ordered list (tasks by priority for example). Individual rows can be marked as non-draggable and/or non-droppable (so other rows can’t be dropped onto them). Rows can have as many cells as necessary and the cells can contain form elements.

Download Demo Tutorial

Posted in ajax | Tags: drag and drop, draggable, droppable, jquery, order, table

uiTableFilter – makes filtering table rows very easy

December 23rd, 2009 No Comments

uiTableFilter is a plugin that makes filtering table rows very easy

Download Demo Tutorial

Posted in ajax | Tags: filter, table, table filtering, uiTableFilter

Scriptaculous Sortables Demo with Ajax Callback

December 10th, 2009 No Comments

Built with Scriptaculous 1.7 Beta 2. Drag items in the list below. Each time you update the list an Ajax call is made that updated the database with the new order.

Download Demo Tutorial

Posted in ajax | Tags: ajax, callback, Scriptaculous, Sortables, table

Animated Record Deletion Using MooTools

December 8th, 2009 No Comments

Inspired by WordPress’ method of individual article deletion. You click the delete link, the menu item animates red, and the item disappears. Here’s how to achieve that functionality with MooTools javascript.