Bar and column not quite insync about colresize HOT 14 CLOSED

Awesome - linked on the DataTables home page - Thanks!

from colresize.

@DataTables Thanks for trying it out! I can't seem to replicate it. What browser are you using? I tried FF and Chrome.

from colresize.

Hah - I've fallen into the trap! That's always the first bit of information I ask for as well.

Chrome 59.0.3071.86 Linux (Fedora 25). I'll try it on a Windows machine later on.

from colresize.

from colresize.

Yup - completely unable to reproduce the issue on Chrome Windows. I'll try Chrome Mac when I get a chance as well. Possibly something odd with the font's available on Linux perhaps...

from colresize.

Works on Mac Chrome and Mac FF for me too. Don't have a linux machine to test it on. Feel free to create a pull request if you find a fix for it 👍 :) :)

from colresize.

I think I've figured out what is happening - I've just managed to reproduce it on a Mac as well. Its a resize of the table / window that is causing it (I must have shown the dev tools and resized them or something yesterday).

To reproduce, resize the window or show / hide the dev tools, so that the table width changes in the container. The bars will be offset and it gets a little worse as you click and drag them.

Don't you love wishy-washy bug reports... :)

from colresize.

haha, love it :) I still can't reproduce it though :( I can resize the window to my hearts delight and still looks fine to me :) Got any screenshots?

What I have noticed though is that something similar happens (rarely) on refresh. It must be a timing problem that DT is not quite finished yet and ColResize already starts drawing. I assume with your dev console you have cache disabled? This could lead to extra timing issues.

I'm using the init.dt.dtr event... is there an even later one?

from colresize.

@DataTables managed to replicate it :) Small window size, then enlarge it and bingo!

from colresize.

@DataTables new release, should be fixed now :) Thanks for posting.

from colresize.

Nice one - thanks!

Any chance you could put a live example that folks could load in their browser somewhere (i.e. without needing to npm install it). I'll add it to the DataTables news feed on the home page as I think this is going to be a popular extension.

from colresize.

I will do, I'm just updating the table to allow for scrollY and fixed headers. I've uses the solution I posted in https://github.com/DataTables/DataTables/issues/956. So you can take a look at it for DTv2. Extension uses [].indexOf()... so it'll run only in IE9+. There is a polyfill though for older browsers: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf

from colresize.

@DataTables here's your demo: https://smasala.github.io/ColResize/

from colresize.

Thanks 👍

from colresize.