The Table Order Column is not working it behaves strangely 

Here are the issues: 

1. Needs to do a refreshtable action screen in order for the draggable to work
2. When Calling the screen action refreshtable to Ajax Refresh the container of the table its header order randomly change its position
3. We save the Column Order to our database and it still not being applied by the table upon his/her next login to the system.

So here is the issue. On the load of the page the saved column order also not being loaded to the table. 

It still preload what's in the design stage.

Also in order for the table header to be draggable we must call a refreshtable action but the columns then loads a random column order and not the saved column order in the session.

When we tried to drag the columns to a desired positioning the assigning did work.

The Table Header Order output based on the ordering assigned.

But when we try to navigate to other page e.g. Home and revisit the page the saved column order is not being loaded.

Here is our DragTable\DragTableJS property setup

we are using 3 tables with identical settings but different datas. really appreciate any help. been having trouble for 2 weeks now.