Dear visitor,
This is a demo of SharePoint InstantListFilter, a Javascript based solution that adds filter textboxes to every column of a SharePoint list view (SPGridView) with filter-as-you-type functionality. It uses jQuery to add the textboxes and perform the filtering.
You can download it for free from http://www.codeplex.com/instantlistfilter
You can play around by entering values in the textboxes and see how the result sets get filtered immediately. Be aware of the fact that the amount of rows and columns do affect the performance. As this is a 100% client side solution, the spec of your machine will also affect the performance.
This demo was implemented by only inserting some javascript into a Content Editor Web Part on this page. It does not require anything to be installed on the server, which is pretty handy for sitations where you have limited access to your SharePoint environment (which is the case for this demo site!).
You can find more info about SharePoint InstantListFilter on my blog at http://blog.vossers.com
Kind regards,
Jaap Vossers |
|
|
| | 775 | BK-M82B-38 | Black | 38 | Mountain-100 | Mountain Bikes | | | 776 | BK-M82B-42 | Black | 42 | Mountain-100 | Mountain Bikes | | | 777 | BK-M82B-44 | Black | 44 | Mountain-100 | Mountain Bikes | | | 778 | BK-M82B-48 | Black | 48 | Mountain-100 | Mountain Bikes | | | 771 | BK-M82S-38 | Silver | 38 | Mountain-100 | Mountain Bikes | | | 772 | BK-M82S-42 | Silver | 42 | Mountain-100 | Mountain Bikes | | | 773 | BK-M82S-44 | Silver | 44 | Mountain-100 | Mountain Bikes | | | 774 | BK-M82S-48 | Silver | 48 | Mountain-100 | Mountain Bikes | | | 782 | BK-M68B-38 | Black | 38 | Mountain-200 | Mountain Bikes | | | 783 | BK-M68B-42 | Black | 42 | Mountain-200 | Mountain Bikes | | | 784 | BK-M68B-46 | Black | 46 | Mountain-200 | Mountain Bikes | | | 779 | BK-M68S-38 | Silver | 38 | Mountain-200 | Mountain Bikes | | | 780 | BK-M68S-42 | Silver | 42 | Mountain-200 | Mountain Bikes | | | 781 | BK-M68S-46 | Silver | 46 | Mountain-200 | Mountain Bikes | | | 785 | BK-M47B-38 | Black | 38 | Mountain-300 | Mountain Bikes | | | 786 | BK-M47B-40 | Black | 40 | Mountain-300 | Mountain Bikes | | | 787 | BK-M47B-44 | Black | 44 | Mountain-300 | Mountain Bikes | | | 788 | BK-M47B-48 | Black | 48 | Mountain-300 | Mountain Bikes | | | 980 | BK-M38S-38 | Silver | 38 | Mountain-400-W | Mountain Bikes | | | 981 | BK-M38S-40 | Silver | 40 | Mountain-400-W | Mountain Bikes | | | 982 | BK-M38S-42 | Silver | 42 | Mountain-400-W | Mountain Bikes | | | 983 | BK-M38S-46 | Silver | 46 | Mountain-400-W | Mountain Bikes | | | 989 | BK-M18B-40 | Black | 40 | Mountain-500 | Mountain Bikes | | | 990 | BK-M18B-42 | Black | 42 | Mountain-500 | Mountain Bikes | | | 991 | BK-M18B-44 | Black | 44 | Mountain-500 | Mountain Bikes | | | 992 | BK-M18B-48 | Black | 48 | Mountain-500 | Mountain Bikes | | | 993 | BK-M18B-52 | Black | 52 | Mountain-500 | Mountain Bikes | | | 984 | BK-M18S-40 | Silver | 40 | Mountain-500 | Mountain Bikes | | | 985 | BK-M18S-42 | Silver | 42 | Mountain-500 | Mountain Bikes | | | 986 | BK-M18S-44 | Silver | 44 | Mountain-500 | Mountain Bikes | | | 987 | BK-M18S-48 | Silver | 48 | Mountain-500 | Mountain Bikes | | | 988 | BK-M18S-52 | Silver | 52 | Mountain-500 | Mountain Bikes | | | 750 | BK-R93R-44 | Red | 44 | Road-150 | Road Bikes | | | 751 | BK-R93R-48 | Red | 48 | Road-150 | Road Bikes | | | 752 | BK-R93R-52 | Red | 52 | Road-150 | Road Bikes | | | 753 | BK-R93R-56 | Red | 56 | Road-150 | Road Bikes | | | 749 | BK-R93R-62 | Red | 62 | Road-150 | Road Bikes | | | 793 | BK-R89B-44 | Black | 44 | Road-250 | Road Bikes | | | 794 | BK-R89B-48 | Black | 48 | Road-250 | Road Bikes | | | 795 | BK-R89B-52 | Black | 52 | Road-250 | Road Bikes | | | 796 | BK-R89B-58 | Black | 58 | Road-250 | Road Bikes | | | 789 | BK-R89R-44 | Red | 44 | Road-250 | Road Bikes | | | 790 | BK-R89R-48 | Red | 48 | Road-250 | Road Bikes | | | 791 | BK-R89R-52 | Red | 52 | Road-250 | Road Bikes | | | 792 | BK-R89R-58 | Red | 58 | Road-250 | Road Bikes | | | 973 | BK-R79Y-40 | Yellow | 40 | Road-350-W | Road Bikes | | | 974 | BK-R79Y-42 | Yellow | 42 | Road-350-W | Road Bikes | | | 975 | BK-R79Y-44 | Yellow | 44 | Road-350-W | Road Bikes | | | 976 | BK-R79Y-48 | Yellow | 48 | Road-350-W | Road Bikes | | | 756 | BK-R68R-44 | Red | 44 | Road-450 | Road Bikes | | | 757 | BK-R68R-48 | Red | 48 | Road-450 | Road Bikes | | | 758 | BK-R68R-52 | Red | 52 | Road-450 | Road Bikes | | | 754 | BK-R68R-58 | Red | 58 | Road-450 | Road Bikes | | | 755 | BK-R68R-60 | Red | 60 | Road-450 | Road Bikes | | | 797 | BK-R64Y-38 | Yellow | 38 | Road-550-W | Road Bikes | | | 798 | BK-R64Y-40 | Yellow | 40 | Road-550-W | Road Bikes | | | 799 | BK-R64Y-42 | Yellow | 42 | Road-550-W | Road Bikes | | | 800 | BK-R64Y-44 | Yellow | 44 | Road-550-W | Road Bikes | | | 801 | BK-R64Y-48 | Yellow | 48 | Road-550-W | Road Bikes | | | 768 | BK-R50B-44 | Black | 44 | Road-650 | Road Bikes | | | 769 | BK-R50B-48 | Black | 48 | Road-650 | Road Bikes | | | 770 | BK-R50B-52 | Black | 52 | Road-650 | Road Bikes | | | 765 | BK-R50B-58 | Black | 58 | Road-650 | Road Bikes | | | 766 | BK-R50B-60 | Black | 60 | Road-650 | Road Bikes | | | 767 | BK-R50B-62 | Black | 62 | Road-650 | Road Bikes | | | 762 | BK-R50R-44 | Red | 44 | Road-650 | Road Bikes | | | 763 | BK-R50R-48 | Red | 48 | Road-650 | Road Bikes | | | 764 | BK-R50R-52 | Red | 52 | Road-650 | Road Bikes | | | 759 | BK-R50R-58 | Red | 58 | Road-650 | Road Bikes | | | 760 | BK-R50R-60 | Red | 60 | Road-650 | Road Bikes | | | 761 | BK-R50R-62 | Red | 62 | Road-650 | Road Bikes | | | 997 | BK-R19B-44 | Black | 44 | Road-750 | Road Bikes | | | 998 | BK-R19B-48 | Black | 48 | Road-750 | Road Bikes | | | 999 | BK-R19B-52 | Black | 52 | Road-750 | Road Bikes | | | 977 | BK-R19B-58 | Black | 58 | Road-750 | Road Bikes | | | 966 | BK-T79U-46 | Blue | 46 | Touring-1000 | Touring Bikes | | | 967 | BK-T79U-50 | Blue | 50 | Touring-1000 | Touring Bikes | | | 968 | BK-T79U-54 | Blue | 54 | Touring-1000 | Touring Bikes | | | 969 | BK-T79U-60 | Blue | 60 | Touring-1000 | Touring Bikes | | | 954 | BK-T79Y-46 | Yellow | 46 | Touring-1000 | Touring Bikes | | | 955 | BK-T79Y-50 | Yellow | 50 | Touring-1000 | Touring Bikes | | | 956 | BK-T79Y-54 | Yellow | 54 | Touring-1000 | Touring Bikes | | | 957 | BK-T79Y-60 | Yellow | 60 | Touring-1000 | Touring Bikes | | | 970 | BK-T44U-46 | Blue | 46 | Touring-2000 | Touring Bikes | | | 971 | BK-T44U-50 | Blue | 50 | Touring-2000 | Touring Bikes | | | 972 | BK-T44U-54 | Blue | 54 | Touring-2000 | Touring Bikes | | | 953 | BK-T44U-60 | Blue | 60 | Touring-2000 | Touring Bikes | | | 978 | BK-T18U-44 | Blue | 44 | Touring-3000 | Touring Bikes | | | 979 | BK-T18U-50 | Blue | 50 | Touring-3000 | Touring Bikes | | | 958 | BK-T18U-54 | Blue | 54 | Touring-3000 | Touring Bikes | | | 959 | BK-T18U-58 | Blue | 58 | Touring-3000 | Touring Bikes | | | 960 | BK-T18U-62 | Blue | 62 | Touring-3000 | Touring Bikes | | | 961 | BK-T18Y-44 | Yellow | 44 | Touring-3000 | Touring Bikes | | | 962 | BK-T18Y-50 | Yellow | 50 | Touring-3000 | Touring Bikes | | | 963 | BK-T18Y-54 | Yellow | 54 | Touring-3000 | Touring Bikes | | | 964 | BK-T18Y-58 | Yellow | 58 | Touring-3000 | Touring Bikes | | | 965 | BK-T18Y-62 | Yellow | 62 | Touring-3000 | Touring Bikes |
|
|
|
|
|
|
|