I am new to jQuery and trying to use the draggable feature into my Salesforce VF page which is similar to HTML.

The VF page table has around 20 columns approx and when the page get loaded it displays only first 15 or something and in order to acces further columns we need to use the scroll bar.

The issue is when I try to drag the columns which are hidden using the scroll bar. jQuery would not  recognize those columns and somehow picks and traverses back from only those  columns which were visible during page load(only 15).

So for ex: if i directly scroll the table horizontally and go to the column 18 and drag it to columns before 15 it would not recognize 18 and picks 13th or 12th column.

Please help. Any immediate help appreciated.

Alternatively I can be reached on 7829469487

Kind Regards-

Balaji M