Horizontal scrolling and rendering issues for columns

Getting help Questions
1

Hi,

I have many columns in the table, and I have included a Horizontal/Vertical scroll. Initially when the pages loads, I can scroll till the last column by scrolling horizontally. But as soon as I click on the table area ,some columns are now invisible in the table, and the horizontal scroll automatically slides. Also when I click on any cell at the right-most column, the the horizontal scroll slides automatically to show more columns at the end. But now few of the original columns have been lost. They are there actually there in the array, but they are not rendering. I have some events for mouse click/mouse over,server-side validation, dynamic cell rendering. But I am not making any changes in the datastructure. The array is same. No columns are being deleted. But I see column rendering issue.Not sure what could cause such a behavior. Or is it that my scroll design is wrong?.

Thanks

2

Hi @a_ntn
This behavior sounds really annoying and is definitely not intended. Can you take a minute to create a JSFiddle demo where we’ll be able to replicate the situation? You can take this demo as a base if you want: http://jsfiddle.net/g6p2nghk/

3

Yes actually reproducing this one might be difficult. But I will try to match the JSFiddle link you have given with mine and see the shortcomings.

Thanks,

4

Ok Thanks for pointing to this JSFiddle Link. Now scrolling works fine at my end. Very smoothly indeed.