FixedColumns nightly - Problem with scrollbar

Artjom

Hello.

The horizontal scrollbar under the fixed columns part is not 'grabbable' by a mouse pointer in Firefox and Chrome.

Here is the test case: http://live.datatables.net/osaqow/6

You can test it with Firefox. In other browsers this example doesn't render correctly for some reason. However, when I have tested the FixedColumns nightly version in my environment, I've got the similar results, where the scrollbar was working correctly in internet explorer 10 (atleast, in ie8 document mode) and not in Chrome / Firefox.

Here is the screenshot: https://dl.dropboxusercontent.com/u/10632000/multi-row-header-firefox-2-scroll-problem.png

Artjom

allan

This should actually be fixed now. I just hadn't updated the nightly on this server... Could you try it again now please?

Allan

Artjom

For this test case it still doesn't work in Firefox. I should mention that I have to use a quite old version of jquery. A jquery 1.3.2 is specified for this test case and for the other environment it is a version 1.5.2

allan

The test case isn't valid HTML which isn't helping, but also it wasn't using the nightly version of FixedColumns - http://datatables.net/download/build/FixedColumns.nightly.js . I've updated it now, but I think the invalid HTML is stopping it from working correctly now.

Allan

Artjom

Allan, by invalid html do you mean the fact that input elements are not closed properly?

Artjom

OK. I have manually fixed all the inconsistencies. It should be a valid xhtml now, according to validator.w3.org/check. Unfortunately, it still doesn't work in Firefox.

http://live.datatables.net/ekajav/edit#source

allan

Try this: http://live.datatables.net/ekajav/2/edit

The wrong nightly file was being pulled in :-(. I need to update the references.

Allan

Artjom

Thanks. It seems to be working correctly now.

Artjom

Yet another question. I've tried to apply the FixedColumns version specified in the test case to our environment and got an error.

_______________________________________________________

TypeError: $(...).on is not a function
[Break On This Error]

$(this.dom.scroller).on( 'scroll.DTFC', function () {

dataTa...htly.js (line 408)

_______________________________________________________

As I've mentioned previously we have to use an old version of jquery, that is 1.5.2, which doesn't support on() method. Can't you use delegate() instead?

Do these changes mean that with the new FixedColumns release the support for older versions of jquery would be dropped? If I am not mistaken then on() method was first introduced in jquery version 1.7.

Thanks,
Artjom

Artjom

Any feedback?

allan

That is correct. jQuery 1.7+ is needed for FixedColumns now. Likely this will be introduced as a requirement for all DataTables plug-ins and DataTables itself.

Allan

rodanmuro

I got the same issue. The scrollbar just doesnt work, and the first column at left side is not fixed. Im using the last versions of every .js. The last jquery.js, the last datatables.js and the last fixedcolumns.js, and i think i have all the .js librarys. Waths wrong?

allan

Please link to the page so I can take a look and see what is wrong.

Allan