Dragtable demo

A jQuery UI widget to re-order table columns via drag and drop. please have console.log availible for the demo
Check out the project home page

As you may have noticed there are some bugs. So consider this a beta release =)

20 cells


table reltive positioning

ID(ragtable-drag-boundary))
first name last name phone number
team color salary made (not draggable - cols cant be dragged past)
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
one two three four five six
get Col order | set Col order

around 100 cells


ID first name last name phone number team color salary
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40

1000 plus cells

ID first name last name phone number team color salary
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40
10234 John Smith 555-555-5555 orange $2.00
102288 Jane Smith 555-445-5555 purple $1000.00
11534 Ben Dover 555-443-5555 pink $200.00
2153 Goldy Dilgger 555-555-2562 blue $200.40
1 Steve Southwest 554-555-3562 orange $710.40