columns load in different size

claudiogouveia

when I move the scroll bar, is thus
http://oi62.tinypic.com/iq8zmr.jpg

but if I wiggle the screen resolution, getting back to normal
http://oi61.tinypic.com/29kywl5.jpg

my code

var fixedHeaders = [];
$('.table-fixed-header').each(function () {
fixedHeaders.push(
new FixedHeader(this, {
'offsetTop': 51,
'top': true
})
);
});

                    $(window).resize(function () {
                        for (var i = 0; i < fixedHeaders.length; i++) {
                            fixedHeaders[i]._fnUpdateClones(true); // force redraw
                            fixedHeaders[i]._fnUpdatePositions();
                        }
                    });

claudiogouveia

someone help please

Elfayer

Are you putting your fixedHeader correctly in the fixedHeaders array ? Because I'm doing the same and it works fine:

<code>

$(window).resize(function () {
ds.browse.fixedHeader._fnUpdateClones(true);
ds.browse.fixedHeader._fnUpdatePositions();
});

ds.browse.fixedHeader = new FixedHeader(ds.browse.dataTable, {
"offsetTop": 41,
"zTop": 2
});
</code>

Try to print console.debug(fixedHeaders[i]); in your loop.

claudiogouveia

as I implement in my code? I tried to enter inside the loop, but I could not, I guess I'm not seeing right code so already shifted ..