Filtering Table

The FilteringTable widget is the second Dojo widget that can take a plain table of data and add functionality to it. Like SortableTable, you can sort columns by clicking on the column heading. Unlike SortableTable, FilteringTable can also:

Multiple column sorting (no limit, default is 1)
Sort in place: no destruction of markup takes place to sort
Allow you to set up "filterers", which will show/hide records based on criteria

However, the biggest changes are under the hood: a brand new data store model is underlying the FilteringTable (a preview of what is coming with dojo.data). This data store (accessible programmatically as [widget].store) allows you to pass it an array of JSON objects that may or may not be complex in nature.

What does that mean? It means that you can pass the store nested objects and show them within the FilteringTable as a field. Take a look at the source of this page to see a demonstration.

Filtering Table, parsed from existing HTML data

Data manipulation

Change the value of Adam's Label (html allowed):

Filtering

Name	Date Added	Date Modified	Label
Adam	03/01/04	Nov 01, 2003	Lorem ipsum dolor sit amet... consectetuer
Betty	06/15/05	Jan 07, 2006	Adipiscing elit, sed diam nonummy nibh euismod
Carla	04/23/02	Mar 01, 2004	tincidunt ut laoreet dolore magna aliquam erat volutpat.
David	11/01/03	Jun 15, 2005	Ut wisi enim ad minim veniam, quis
Esther	01/07/06	Apr 23, 2002	nostrud exerci tation ullamcorper
Fred	03/01/04	Nov 01, 2003	suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Greg	06/15/05	Jan 07, 2006	Lorem ipsum dolor sit amet... consectetuer
Helga	04/23/02	Mar 01, 2004	adipiscing elit, sed diam nonummy nibh euismod
Ianna	11/01/03	Jun 15, 2005	tincidunt ut laoreet dolore magna aliquam erat volutpat.
Jane	01/07/06	Apr 23, 2002	Ut wisi enim ad minim veniam, quis
Kathy	03/01/04	Nov 01, 2003	nostrud exerci tation ullamcorper
Leonard	06/15/05	Jan 07, 2006	suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Mike	04/23/02	Mar 01, 2004	Lorem ipsum dolor sit amet... consectetuer
Nancy	11/01/03	Nov 01, 2003	Adipiscing elit, sed diam nonummy nibh euismod
Oswald	01/07/06	Jan 07, 2006	tincidunt ut laoreet dolore magna aliquam erat volutpat.
Peter	03/01/04	Mar 01, 2004	Ut wisi enim ad minim veniam, quis
Qunicy	06/15/05	Jun 15, 2005	nostrud exerci tation ullamcorper
Ronald	04/23/02	Apr 23, 2002	suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Stacy	11/01/03	Nov 01, 2003	Lorem ipsum dolor sit amet... consectetuer
Tim	01/07/06	Jan 07, 2006	adipiscing elit, sed diam nonummy nibh euismod
Uylsses	03/01/04	Mar 01, 2004	tincidunt ut laoreet dolore magna aliquam erat volutpat.
Victor	06/15/05	Jun 15, 2005	Ut wisi enim ad minim veniam, quis
Walter	04/23/02	Apr 23, 2002	nostrud exerci tation ullamcorper
Xerxes	11/01/03	Nov 01, 2003	suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Yanni	01/07/06	Jan 07, 2006	Lorem ipsum dolor sit amet... consectetuer
Zelda	03/01/04	Mar 01, 2004	adipiscing elit, sed diam nonummy nibh euismod

Filtering Table, populated from JSON data

Name	Date Added	# of accounts	Description