Table Sort Example

Sorting HTML Tables with Javascript -
Example Implementations

These examples are part of a larger tutorial on sorting HTML tables.

Click a header cell to sort that column.

Example Table 1 (10 Entries)

ID NAME PRICE LATITUDE LONGITUDE ADDRESS
12941 375 43.446885 -80.476264 205 Weber St. East, Kitchener, ON
12946 400 43.424225 -80.539549 53 High Acres Cr., Kitchener, ON
12995 300 43.474207 -80.588992 722 Cedar Bend Drive, Waterloo, ON
12999 300 43.441901 -80.584129 12-634 Erb St. West, Waterloo, ON
13090 800 43.472424 -80.524155 172 King Street North, Waterloo, ON
13103 350 43.473906 -80.534711 273 Lester Street, Waterloo, ON
13104 310 43.478415 -80.535991 112 Columbia, Waterloo, ON
13107 200 43.487166 -80.541454 511 Albert Street, Waterloo, ON
13135 450 43.458424 -80.553416 55 McCarron Crescent, Waterloo, ON
13164 300 43.440581 -80.517814 128-51 Paulander Dr, Kitchener, ON

Example Table 2 (100 Entries)

ID NAME PRICE LATITUDE LONGITUDE ADDRESS
12524 350 43.476427 -80.512389 174 Marshall St, Waterloo, ON
12607 295 43.492093 -80.544033 505A Glenelm Crescent, Waterloo, ON
12878 250 43.456167 -80.549756 75A Churchill St, Waterloo, ON
12896 500 43.467530 -80.524220 Bridgeport Rd. E., Waterloo, ON
12916 400 43.443837 -80.557283 242B Thistleglen Place, Waterloo, ON
12941 375 43.446885 -80.476264 205 Weber St. East, Kitchener, ON
12946 400 43.424225 -80.539549 53 High Acres Cr., Kitchener, ON
12995 300 43.474207 -80.588992 722 Cedar Bend Drive, Waterloo, ON
12999 300 43.441901 -80.584129 12-634 Erb St. West, Waterloo, ON
13090 800 43.472424 -80.524155 172 King Street North, Waterloo, ON
13103 350 43.473906 -80.534711 273 Lester Street, Waterloo, ON
13104 310 43.478415 -80.535991 112 Columbia, Waterloo, ON
13107 200 43.487166 -80.541454 511 Albert Street, Waterloo, ON
13135 450 43.458424 -80.553416 55 McCarron Crescent, Waterloo, ON
13164 300 43.440581 -80.517814 128-51 Paulander Dr, Kitchener, ON
13170 375 43.455158 -80.551942 5-80 Churchill St., Waterloo, ON
13206 390 43.459447 -80.523787 59 Williams Street West, Waterloo, ON
13225 400 43.453966 -80.544707 344 Breezewood Crescent, Waterloo, ON
13326 330 43.491997 -80.543497 499A Glenelm Cr., Waterloo, ON
13504 395 43.481012 -80.532470 373 Hazel Street, Waterloo, ON
13522 825 43.489089 -80.543688 736 Old Albert Street, Waterloo, ON
13575 375 43.476899 -80.529315 271 Hazel St., Waterloo, ON
13617 330 43.457100 -80.541014 282 Erb St. W., Waterloo, ON
13655 420 43.459766 -80.523440 52 William St. W., Waterloo, ON
13702 385 43.456132 -80.549878 73A Churchill Street, Waterloo, ON
13765 350 43.481231 -80.533996 47 Cardill Cres., Waterloo, ON
13773 375 43.489677 -80.538315 135 Longwood Drive, Waterloo, ON
13807 350 43.487166 -80.541454 511 Albert Street, Waterloo, ON
13824 455 43.484070 -80.539198 437 Albert St, Waterloo, ON
13833 300 43.457039 -80.502470 80 Moore Ave, Kitchener, ON
13847 385 43.424287 -80.539619 45 High Street, Waterloo, ON
13875 350 43.491265 -80.542922 490B Glenelm Cres., Waterloo, ON
13890 465 43.473094 -80.537005 256 Phillip St., Waterloo, ON
13909 350 43.480672 -80.513635 151B University Avenue East, Waterloo, ON
13920 295 43.452129 -80.525646 340 Union Blvd, Waterloo, ON
14038 335 43.473662 -80.516125 153 Weber St. N., Waterloo, ON
14193 300 43.461906 -80.532206 8 Roslin South, Waterloo, ON
14301 395 43.481272 -80.528845 365B Holly Street, Waterloo, ON
14343 385 43.454297 -80.579465 5-433 Keats Way, Waterloo, ON
14361 425 43.475966 -80.535602 113 Hickory Street West, Waterloo, ON
14464 375 43.454633 -80.547425 359 Erb St., Waterloo, ON
14568 300 43.492137 -80.548670 182 Lynnbrook Crescent, Waterloo, ON
14670 250 43.446885 -80.476264 205 Weber St. East, Kitchener, ON
14703 335 43.457099 -80.547739 111 Churchill Street, Waterloo, ON
14762 389 43.484598 -80.548043 237 Corrie Crescent, Waterloo, ON
14809 360 43.459453 -80.526685 89 Alexandra Avenue, Waterloo, ON
14837 400 43.505083 -80.508261 506 Mariner Dr, Waterloo, ON
14841 425 43.479516 -80.526873 325 Spruce Street, Waterloo, ON
14882 390 43.485142 -80.554254 534B Teakwood Dr., Waterloo, ON
14921 425 43.454280 -80.516775 129 Mount Hope St., Kitchener, ON
14980 350 43.481811 -80.499693 293C Bluevale St. N., Waterloo, ON
14983 350 43.454297 -80.579465 4-405 Keats Way, Waterloo, ON
14989 450 43.468882 -80.520394 44 Young St E, Waterloo, ON
15019 350 43.485775 -80.548422 516-532 Sunnydale Place, Waterloo, ON
15020 325 43.485775 -80.548422 516-532 Sunnydale Place, Waterloo, ON
15023 370 43.456928 -80.555059 450 Midwood Cr., Waterloo, ON
15083 385 43.456661 -80.571052 17-465 Beechwood Pl., Waterloo, ON
15095 250 43.482417 -80.533605 397 Hazel St., Waterloo, ON
15098 400 43.475602 -80.532989 259 Albert St., Waterloo, ON
15149 375 43.486760 -80.558300 Tollgate Blvd, Waterloo, ON
15151 425 43.454297 -80.579465 2-425 Keats Way, Waterloo, ON
15159 420 43.461581 -80.545159 90d McDougall Road, Waterloo, ON
15184 325 43.473002 -80.534030 245 Lester Street, Waterloo, ON
15242 395 43.490520 -80.548532 538 Sprucehill Ave., Waterloo, ON
15272 350 43.456583 -80.562359 170 Woodbend Crescent, Waterloo, ON
15291 500 43.490780 -80.492000 Auburn Dr., Waterloo, ON
15296 290 43.481686 -80.534560 62 Cardill Cres., Waterloo, ON
15298 470 43.346867 -80.310379 94 Albert Street, Waterloo, ON
15299 570 43.441213 -80.502372 114 Highland Road West, Kitchener, ON
15314 350 43.482257 -80.533476 395 Hazel St, Waterloo, ON
15322 365 43.480551 -80.535054 14 Cardill Crescent, Waterloo, ON
15342 400 43.469959 -80.513146 93 Bridgeport Road East, Waterloo, ON
15346 350 43.454822 -80.550358 372B Churchill Crt., Waterloo, ON
15350 395 43.460063 -80.533440 9 Dietz Ave. South, Waterloo, ON
15357 400 43.490623 -80.543185 482-A Glenelm Crescent, Waterloo, ON
15358 430 43.458458 -80.545838 63 Karen Walk, Waterloo, ON
15367 350 43.489398 -80.551918 544 Glen Manor Blvd, Waterloo, ON
15369 425 43.488543 -80.557170 598 Glen Forrest Blvd., Waterloo, ON
15378 445 43.478180 -80.526560 309 spruce street, Waterloo, ON
15391 490 43.472836 -80.534110 127 University Ave. W., Waterloo, ON
15426 395 43.489583 -80.538108 133 Longwood Drive, Waterloo, ON
15428 390 43.478141 -80.513858 208B Carter Ave, Waterloo, ON
15431 500 43.475979 -80.530516 72 Balsam St., Waterloo, ON
15460 400 43.488083 -80.560748 555 Fallingbrook Drive, Waterloo, ON
15467 350 43.466726 -80.523738 7 Princess St. West, Waterloo, ON
15490 325 43.426657 -80.510564 382 Greenbrook Dr., Kitchener, ON
15492 440 43.485601 -80.551742 249 Cedarbrae Avenue, Waterloo, ON
15494 375 43.486517 -80.554106 550 Glen Forrest Blvd., Waterloo, ON
15499 440 43.462930 -80.518622 164 Herbert St , Waterloo, ON
15526 400 43.443247 -80.537219 36 Inadale Crt, Kitchener, ON
15529 475 43.463551 -80.543459 225 Shakespeare Dr., Waterloo, ON
15532 390 43.495948 -80.551995 101B Northlake Place, Waterloo, ON
15539 420 43.476570 -80.536678 322 Lester St., Waterloo, ON
15542 425 43.473265 -80.532951 108 University Ave. W., Waterloo, ON
15546 325 43.488702 -80.548094 197B Cedarvale Crescent, Waterloo, ON
15548 350 43.484688 -80.534467 424 Tamarack Dr., Waterloo, ON
15552 395 43.477251 -80.531761 71 Hickory, Waterloo, ON
15564 330 43.472874 -80.523227 17 Marshall St., Waterloo, ON
15568 425 43.467653 -80.555274 47 Academy Cr, Waterloo, ON
15570 299 43.485485 -80.540516 453 Albert Street, Waterloo, ON