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
Esther1/7/20064/23/2002nostrud exerci tation ullamcorper
Jane1/7/20064/23/2002Ut wisi enim ad minim veniam, quis
Ronald4/23/20024/23/2002suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Walter4/23/20024/23/2002nostrud exerci tation ullamcorper
Adam3/1/200411/1/2003

Lorem ipsum dolor sit amet...

consectetuer
Fred3/1/200411/1/2003suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Kathy3/1/200411/1/2003nostrud exerci tation ullamcorper
Nancy11/1/200311/1/2003Adipiscing elit, sed diam nonummy nibh euismod
Stacy11/1/200311/1/2003

Lorem ipsum dolor sit amet...

consectetuer
Xerxes11/1/200311/1/2003suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Carla4/23/20023/1/2004tincidunt ut laoreet dolore magna aliquam erat volutpat.
Helga4/23/20023/1/2004adipiscing elit, sed diam nonummy nibh euismod
Mike4/23/20023/1/2004

Lorem ipsum dolor sit amet...

consectetuer
Peter3/1/20043/1/2004Ut wisi enim ad minim veniam, quis
Uylsses3/1/20043/1/2004tincidunt ut laoreet dolore magna aliquam erat volutpat.
Zelda3/1/20043/1/2004adipiscing elit, sed diam nonummy nibh euismod
David11/1/20036/15/2005Ut wisi enim ad minim veniam, quis
Ianna11/1/20036/15/2005tincidunt ut laoreet dolore magna aliquam erat volutpat.
Qunicy6/15/20056/15/2005nostrud exerci tation ullamcorper
Victor6/15/20056/15/2005Ut wisi enim ad minim veniam, quis
Betty6/15/20051/7/2006Adipiscing elit, sed diam nonummy nibh euismod
Greg6/15/20051/7/2006

Lorem ipsum dolor sit amet...

consectetuer
Leonard6/15/20051/7/2006suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Oswald1/7/20061/7/2006tincidunt ut laoreet dolore magna aliquam erat volutpat.
Tim1/7/20061/7/2006adipiscing elit, sed diam nonummy nibh euismod
Yanni1/7/20061/7/2006

Lorem ipsum dolor sit amet...

consectetuer

Filtering Table, populated from JSON data

Name Date Added # of accounts Description