Dragtable demo

Return to article | View on github

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
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