Change Columns header movement effect on ipad

fboland

Is it possible to change columns header effect movement on ipad ?

My datatable have more columns than is displayable on screen, so i have a scroll on y axes.

When i scroll on right, there is a not terrible small animation to forward columns.

I would like to change this animation.

Is there a callback to override the default animation ?

Wath's the best practice ?

Thx

allan

I don't really understand the question I'm afraid. Are you using FixedHeader, FixedColumns, just the build in scrolling or something else. PLease link to a test case as noted in the forum rules.

Allan

fboland

Test case : http://lerelaisimmobilier.com/TestDataTable.php

If you run it on ipad and move datatable content from left to right, you can see the header columns content move in the same time. When datatable content animation end, the header columns move another once to his final position.

It's seems the columns header position is recalculated at the end of the data content animation.

allan

Could you possible try using DataTables 1.10 pre-beta with this page please: https://github.com/DataTables/DataTables/tree/1_10_wip/media/js . I don't have an iPad available at the moment, so I can't try it myself, but that might be resolved in 1.10.

Allan

fboland

I have the same problem with DataTables 1.10 pre-beta version.

It seems the columns header alignement take effect after the end of the data animation.

How is doing animation ?

fboland

I try to debug it and identify the problem code :

[code]
/* When the body is scrolled, then we also want to scroll the headers */
$(nScrollBody).scroll( function (e) {
nScrollHead.scrollLeft = this.scrollLeft;
console.log(this.scrollLeft);
if ( nTfoot !== null )
{
nScrollFoot.scrollLeft = this.scrollLeft;
}
} );
[/code]

On ipad, if scroll is too fast, scroll event is triggered only at the end of the scroll.

I don't know how to correct it ?

fboland

I found a solution :

[code]
//$(nScrollBody).scroll( function (e) {
$(nScrollBody).on("scroll touchmove", function (e) {
[/code]

Is it possible to change it on futur version ?

fboland

In the end the problem is only at half corrected.
There is now no problem during the finger move on ipad.
However, the problem is still there when you swipe and release your finger and the scroll still in progress for a while.

Someone have a solution ?

allan

I don't actually see any animation on a desktop browser. Is it iPad specific?

fboland

Yes, the problem is only on ipad.