Multiple Table Sorter
CSGNetwork FREE Source Code, Javascript Source, and Code Snippets!
CSGNetwork Custom Search
     Bookmark and Share
 
CSGNetwork
Snippets
Calculators
Top Free Apps
Home
Back



Right click this window and select "view source" in order to copy the source for this script.

This page contains several different types of tables that are being sorted for demonstrational purposes.

The most difficult part of the script's engine is to decide what to choose as the titles and what to sort. In short, the script considers the columns such as the ones below as the valid titles and ignores data rows that are column/row spanned.


Row-spanned title cell w/ Rows to ignore. Note that titles are bold faced and highlighted if sortable.

NOIDS Date
IDDevice ID
 
  
1k0003011/09/01 12:14:00 pm
2c0000611/11/01 12:15:00 pm
3a0001610/16/01 08:14:00 am
4b0003109/05/01 10:05:00 am

Row/Column-spanned title cell w/ Rows to ignore

IDS 
 
IDDevice IDDate
 
  
k0003011/09/01 12:14:00 pm
c0000611/11/01 12:15:00 pm
a0001610/16/01 08:14:00 am
b0003109/05/01 10:05:00 am

Row to ignore

IDDevice IDDateComment
 
k0003011/09/01 12:14:00 pm1
c0000611/11/01 12:15:00 pm2
a0001610/16/01 08:14:00 am3
b0003109/05/01 10:05:00 am4

Row to ignore. No data row to sort.

IDDevice IDDate
 
k0003011/09/01 12:14:00 pm
 

Single column multiple row sortable table

ID
 
k
b
x
y
j
t
o

Single column single row sortable table (but nothing to sort)

ID
 
x



Multiple Table Sorter

View the source...

The Javascript behind this is a very complex routine but includes all the information needed to put it in operation. It does wonders with informational tables for use by page visitors by adding a few simple changes to your already working tables.



Bookmark and Share
Registered® Trademark™ and CopyrightŠ 1973 - CSG, Computer Support Group, Inc. and CSGNetwork.Com All Rights Reserved