Hi,
I seem to have hit a bug with Horizontal Scrolling on a table with ~22 columns.
The issue is demonstrated here: http://jsfiddle.net/bPaM7/9/
Notice how the table is overflowing the container and horizontal scrolling is not working. Upon clicking the table header to sort, the table is adjusted and fits within the container but the columns are not aligned correctly to the header and upon clicking the table header to sort again, the table reverts back to overflowing the container.
This has been tested with Firefox 16.0.1 on OSX, Chrome 22.0.1229.94 on OSX and Internet Explorer 9 on Windows 7, on each of these the problem is more or less the same.
If the no. of columns is reduced to ~7, the issue is not present, as demonstrated here: http://jsfiddle.net/bPaM7/10/
Am I doing anything wrong or can you confirm this is indeed a bug?
I appreciate any help you can give on this.
Kind Regards,
Jonathan
I seem to have hit a bug with Horizontal Scrolling on a table with ~22 columns.
The issue is demonstrated here: http://jsfiddle.net/bPaM7/9/
Notice how the table is overflowing the container and horizontal scrolling is not working. Upon clicking the table header to sort, the table is adjusted and fits within the container but the columns are not aligned correctly to the header and upon clicking the table header to sort again, the table reverts back to overflowing the container.
This has been tested with Firefox 16.0.1 on OSX, Chrome 22.0.1229.94 on OSX and Internet Explorer 9 on Windows 7, on each of these the problem is more or less the same.
If the no. of columns is reduced to ~7, the issue is not present, as demonstrated here: http://jsfiddle.net/bPaM7/10/
Am I doing anything wrong or can you confirm this is indeed a bug?
I appreciate any help you can give on this.
Kind Regards,
Jonathan