FixedColumns nightly - Visual discrepancy in Firefox for multi-row headers
FixedColumns nightly - Visual discrepancy in Firefox for multi-row headers
Hello.
Another problem that came out during datatable + fixedcolumns integration in our system. In our environment the tables with multiple rows in the header have some visual discrepancy when rendered by Firefox. In other browsers, it seems to render properly.
firefox: https://dl.dropboxusercontent.com/u/10632000/multi-row-header-firefox.png
For what it worth, here is the same table rendered in chrome and internet explorer.
chrome: https://dl.dropboxusercontent.com/u/10632000/multi-row-header-chrome.png
NOTE: chrome has some alignment issues, but it is irrelevant right now
ie:
https://dl.dropboxusercontent.com/u/10632000/multi-row-header-ie-1.png
https://dl.dropboxusercontent.com/u/10632000/multi-row-header-ie-2.png
Here is the same table but with a single-row header (the aforementioned problem is not present).
firefox: https://dl.dropboxusercontent.com/u/10632000/single-row-header-firefox-1.png
chrome: https://dl.dropboxusercontent.com/u/10632000/single-row-header-chrome-4.png
ie: https://dl.dropboxusercontent.com/u/10632000/single-row-header-ie-1.png
The same problem is available in the older version of FixedColumns plugin (2.0.3):
firefox: https://dl.dropboxusercontent.com/u/10632000/multi-row-header-firefox-old-1.png
It's a bit problematic for me to arrange for test cases but if they are required then I would come up with something. For now I can provide only this example - http://live.datatables.net/osaqow/10/. Basically, it is the same table but without all the styling applied.
Artjom
Another problem that came out during datatable + fixedcolumns integration in our system. In our environment the tables with multiple rows in the header have some visual discrepancy when rendered by Firefox. In other browsers, it seems to render properly.
firefox: https://dl.dropboxusercontent.com/u/10632000/multi-row-header-firefox.png
For what it worth, here is the same table rendered in chrome and internet explorer.
chrome: https://dl.dropboxusercontent.com/u/10632000/multi-row-header-chrome.png
NOTE: chrome has some alignment issues, but it is irrelevant right now
ie:
https://dl.dropboxusercontent.com/u/10632000/multi-row-header-ie-1.png
https://dl.dropboxusercontent.com/u/10632000/multi-row-header-ie-2.png
Here is the same table but with a single-row header (the aforementioned problem is not present).
firefox: https://dl.dropboxusercontent.com/u/10632000/single-row-header-firefox-1.png
chrome: https://dl.dropboxusercontent.com/u/10632000/single-row-header-chrome-4.png
ie: https://dl.dropboxusercontent.com/u/10632000/single-row-header-ie-1.png
The same problem is available in the older version of FixedColumns plugin (2.0.3):
firefox: https://dl.dropboxusercontent.com/u/10632000/multi-row-header-firefox-old-1.png
It's a bit problematic for me to arrange for test cases but if they are required then I would come up with something. For now I can provide only this example - http://live.datatables.net/osaqow/10/. Basically, it is the same table but without all the styling applied.
Artjom
This discussion has been closed.
Replies
firefox: https://dl.dropboxusercontent.com/u/10632000/header-firefox-1.png
chrome: https://dl.dropboxusercontent.com/u/10632000/header-chrome-1.png
ie: https://dl.dropboxusercontent.com/u/10632000/header-ie-1.png
The height of the second and the third header row is set to 20px. In chrome and ie it is actually 21px. However, in firefox the height is different, that is, the second header row is 23px tall, while the third is 19px tall.
The main problem of course is the fact that datatable_scrollBody header is visible in Firefox (see screenshot for firefox), while it is not for other two browsers. Allan, could you comment on this?
Thanks,
Artjom
problem: http://www.freeimagehosting.net/newuploads/poxed.png
firefox: http://www.freeimagehosting.net/newuploads/rdzdp.png
chrome: http://www.freeimagehosting.net/newuploads/tfcc5.png
ie: http://www.freeimagehosting.net/newuploads/6qd48.png
The height of the second and the third header row is set to 20px. In chrome and ie it is actually 21px. However, in firefox the height is different, that is, the second header row is 23px tall, while the third is 19px tall.
The main problem of course is the fact that datatable_scrollBody header is visible in Firefox (see screenshot for firefox), while it is not for other two browsers. Allan, could you comment on this?
Thanks,
Artjom