Ajax Bestiary: A Javascript Field Guide
 
Ajax Bestiary: A Javascript Field Guide
 
 

Spectacular, Unobtrusive Table Script From Frequency Decoder

Posted by Don Albrecht

Frequency Decoder Table

Following in his tradition of delivering, simple, easy to use widgets for beautiful design driven development, Brian McAllister has released this spectacular table widget.

Here are some of the key features:

Check it out at http://www.frequency-decoder.com/2007/11/15/unobtrusive-table-actions-script

Ingrid: A Server-Side Table Widget for jQuery

Posted by Don Albrecht

ingrid Ingrid is a wonderfully feature rich Table Widget built in jQuery.

Features

  • Row striping (complex patterns supported)
  • Sorting (Server Side)
  • Column resizing
  • Row & Column Styling
  • Beautiful default design

Ingrid’s biggest strength & biggest weakness is its focus on server side data manipulation. In a world where table widgets that support page views of data are less & less common, this is a welcome surprise. It’s also a weakness and overkill for small data sets. Over all, it’s a handy table widget to add to your toolkit.

http://www.reconstrukt.com/ingrid/

Simple, Client Side Table Pagination from Frequency Decoder

Posted by Don Albrecht

Frequency Decoder has released a handy client side pagination script that could be great for your next project handling larger data sets.

Some Features 

Check it out online here:

http://www.frequency-decoder.com/2007/10/19/client-side-table-pagination-script

Dojo Grid Lands in Trunk For Oct 31’st Release.

Posted by Don Albrecht

Dojo Grid has landed in the DojoX trunk for Dojo’s 1.0 release scheduled for the 31st of this month.Dojo Grid Status 1

I’m eagerly anticipating Dojo 1.0.  It’s been a long time coming, but this is shaping up to be an excellent and capable release.

Read More on the SitePen Release

TableCloth: Enhanced Tables from CSSGlobe

Posted by Don Albrecht

Table Cloth Screen Shot

TableCloth is a quick and easy way to enhance the user experience of tabular data.

Features:

  • Adding even/odd class names to alternative rows.
  • Adding over and out class names for mouse over and mouse out states.
  • If set to true Tablecloth will highlight rows or columns (or both).
  • If set to true Tablecloth adds selected state on click. Based on preferences it then selects rows or columns (or both). Unselect elements by clicking anywhere on the page.
  • It leaves room for your upgrade. It has easily editable function that is called when you click on table cell that you can use for your own code..

Assuming you have a well formed data, you simply include the following two lines of code in the head tag of the page:

<link href="tablecloth/tablecloth.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="tablecloth/tablecloth.js"></script>

Get it Online Here:
http://cssglobe.com/lab/tablecloth/

Widget Profile: ExtJS table

Posted by Don Albrecht

Ext Documentation Center_1190425125463

Rich, powerful AJAX tables provide a greater impact in usability to web applications than just about any other widget.  One of the best of these is the extJS table. Some highlights:

  • Inline editing based on data type (calendar for date, spinner for numeric etc)
  • Validation of inline edits
  • Custom sorts
  • Able to utilize existing tables, XML data files & JSON data
  • Paging & Remote data support

More information on ExtJS table will be coming in part 3 of the extJS POG tutorial