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:

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
Adam3/1/200411/1/2003

Lorem ipsum dolor sit amet...

consectetuer
Betty6/15/20051/7/2006Adipiscing elit, sed diam nonummy nibh euismod
Carla4/23/20023/1/2004tincidunt ut laoreet dolore magna aliquam erat volutpat.
David11/1/20036/15/2005Ut wisi enim ad minim veniam, quis
Esther1/7/20064/23/2002nostrud exerci tation ullamcorper
Fred3/1/200411/1/2003suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Greg6/15/20051/7/2006

Lorem ipsum dolor sit amet...

consectetuer
Helga4/23/20023/1/2004adipiscing elit, sed diam nonummy nibh euismod
Ianna11/1/20036/15/2005tincidunt ut laoreet dolore magna aliquam erat volutpat.
Jane1/7/20064/23/2002Ut wisi enim ad minim veniam, quis
Kathy3/1/200411/1/2003nostrud exerci tation ullamcorper
Leonard6/15/20051/7/2006suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Mike4/23/20023/1/2004

Lorem ipsum dolor sit amet...

consectetuer
Nancy11/1/200311/1/2003Adipiscing elit, sed diam nonummy nibh euismod
Oswald1/7/20061/7/2006tincidunt ut laoreet dolore magna aliquam erat volutpat.
Peter3/1/20043/1/2004Ut wisi enim ad minim veniam, quis
Qunicy6/15/20056/15/2005nostrud exerci tation ullamcorper
Ronald4/23/20024/23/2002suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Stacy11/1/200311/1/2003

Lorem ipsum dolor sit amet...

consectetuer
Tim1/7/20061/7/2006adipiscing elit, sed diam nonummy nibh euismod
Uylsses3/1/20043/1/2004tincidunt ut laoreet dolore magna aliquam erat volutpat.
Victor6/15/20056/15/2005Ut wisi enim ad minim veniam, quis
Walter4/23/20024/23/2002nostrud exerci tation ullamcorper
Xerxes11/1/200311/1/2003suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Yanni1/7/20061/7/2006

Lorem ipsum dolor sit amet...

consectetuer
Zelda3/1/20043/1/2004adipiscing elit, sed diam nonummy nibh euismod

Filtering Table, populated from JSON data

Name Date Added # of accounts Description