blogfreakz.com » Table

TableGear – Mootools Plugin for Working With Data

Mufti Ali — Sun, 11 Jul 2010 02:24:54 +0000

TableGear is a Mootools plugin for working with data on the web. It is designed get your data into a web page, and let you work with it quickly and easily, the way you would in powerful desktop applications like Excel.

The TableGear package has two parts. TableGear.php is concerned with fetching data, formatting it, and getting it into an XHTML table. It also handles submitted data, both from AJAX calls and a standard POST, and returns data to the application. TableGear.js handles the client-side functions that make the tables dynamic including sorting, editing and keyboard shortcuts. These scripts can be used independently, but are designed to be used together.

Requirements: Mootools framework
Demo: http://andrewplummer.com/demos/tablegear/
License: License free

Incoming search terms for the article:

tablegear mootools demo

Animated Table Sort jQuery Plugin

Mufti Ali — Wed, 30 Jun 2010 18:10:32 +0000

Animated Table Sort is jQuery plugin that allows us to animatedly sort a table based on a particular column. The various s fly to their new homes, giving a nice effect. It also supports sorting on REGEXP matches. We can also control whether row relationships are maintained, whether it sorts on ascii or numeric and ascending or descending.

Since s are very fixed elements and aren’t animatable, the animation is done by some DOM-scripted

s, which animate to their new homes then repopulate their new homes.

Requirements: jQuery framework
Demo: http://mitya.co.uk/scripts/Table-sort…
License: License free

Incoming search terms for the article:

Flexigrid – Feature-Rich Data Grid For jQuery

Mufti Ali — Fri, 18 Jun 2010 03:43:31 +0000

Flexigrid is Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content. Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.

Features

Resizable columns
Resizable height and width
Sortable column headers
Cool theme
Can convert an ordinary table
Ability to connect to an ajax data source (XML and JSON[new])
Paging
Show/hide columns
Toolbar (new)
Search (new)
Accessible API
Many more

Requirements: jQuery framework
Demo: http://www.flexigrid.info/
License: Other license

Incoming search terms for the article:

DataTables – Advanced Data Table jQuery plugin

Mufti Ali — Tue, 09 Feb 2010 21:15:41 +0000

DataTables is Data Table jQuery plugin that offfer us to create advanced and flexible data table with slick user interface. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table.

Features

Variable length pagination
On-the-fly filtering
Multi-column sorting with data type detection
Smart handling of column widths
Display data from almost any data source
- DOM, Javascript array, Ajax file and server-side processing (PHP, C#, Perl, Ruby, AIR, Gears etc)
Fully internationalisable
jQuery UI ThemeRoller support
Rock solid – backed by a suite of 1300+ unit tests
Wide variety of plug-ins inc. TableTools, FixedHeader and KeyTable
And more..

Demo: http://www.datatables.net/
License: GPL v2 license or a BSD (3-point) license

Incoming search terms for the article:

SlickGrid – fast rendering JavaScript grid/spreadsheet component

Mufti Ali — Tue, 15 Dec 2009 13:41:04 +0000

SlickGrid is a JavaScript grid/spreadsheet component. SlickGrid utilizes virtual rendering to enable you to easily work with hundreds of thousands of items without any drop in performance.

Features

Virtual scrolling/rendering (hundreds of thousands of rows)
Extremely fast rendering speed
Background post-rendering for richer cells.
Configurable & customizable
Full keyboard navigation
Column resize/reorder/show/hide
Column autosizing & force-fit
Custom cell formatters & editors
Support for editing and creating new rows.
“GlobalEditorLock” to manage concurrent edits in cases where multiple Views on a page can edit the same data.

In fact, there is no difference in performance between working with a grid with 10 rows versus a 100′000 rows. This is achieved through virtual rendering where only what’s visible on the screen plus a small buffer is rendered.

Demo:

Basic use: http://slickgrid.googlecode.com/svn/trunk/examples/example1-simple.html
Adding some formatting: http://slickgrid.googlecode.com/svn/trunk/examples/example2-formatters.html
Turning it into a spreadsheet: http://slickgrid.googlecode.com/svn/trunk/examples/example3-editing.html
Using a simple Model (filtered data view) to drive the grid: http://slickgrid.googlecode.com/svn/trunk/examples/example4-model.html
Adding tree functionality (expand/collapse) to the grid: http://slickgrid.googlecode.com/svn/trunk/examples/example5-collapsing.html
AJAX-loading data (shows all Apple-related Digg stories): http://slickgrid.googlecode.com/svn/trunk/examples/example6-ajax-loading.html
Using pre-compiled micro-templates to render cells: http://slickgrid.googlecode.com/svn/trunk/examples/example8-alternative-display.html
Using background post-rendering to add graphs: http://slickgrid.googlecode.com/svn/trunk/examples/example10-async-post-render.html

License:MIT License
Project Home: http://code.google.com/p/slickgrid/

Incoming search terms for the article:

jTPS, Animated Sortable Data Table jQuery plugin

Mufti Ali — Tue, 06 Oct 2009 02:28:34 +0000

jTPS is a datatable jQuery plugin that offers pagination, animated scrolling through pages and intelligent natural sorting capability. The development version is currently 15KB.

NOTES

Default sort is first column ASCending
When you click on a new column to sort, it defaults to DESCending
The natural sort is driven by my algorithm /2008/09/01/javascript-natural-sort-algorithm/ which assumes a lot of things such as: alpha > numeric, case-insensitive, etc.

View Demo: http://www.overset.com/2008/08/30/animated-sortable-data-table-jquery-plugin–jtps/
License : MIT License