+ Start a Discussion

jQuery draggable UI with VF pageblock table columns drag and drop

Hi Team,

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 
NagendraNagendra (Salesforce Developers) 
Hi Balaji,

Sorry for this issue you are encountering.

May I suggest you please check with below post from the stack exchange community with a similar discussion which might help you further with the above issue. Please let us know if this helps.

Kindly mark this as solved if the information was helpful.