2.2.M1 wide dataTable rendering bug

[bluewing]

Hi,

In 2.2.M1 dataTables wider than the browser window are not rendered correctly, the header and the footer does not extend to match the width of the table. Screenshot: http://imagebin.org/114022

A possible but ugly workaround is to set the width of the header and footer using jQuery, and add div.ui-datatable{overflow: auto} to your CSS declarations.

Code: Select all

<script type="text/javascript">
//<![CDATA[
jQuery(window).load( function() {
	var datatableWidth = jQuery('div.ui-datatable > table').width();

	jQuery('div.ui-datatable > div.ui-datatable-header').width(datatableWidth - 22);
	jQuery('div.ui-datatable > div.ui-paginator').width(datatableWidth - 6);
});
//]]>
</script>

This will fix only the first dataTable on the page, if you have more try using the jQuery .each() function or id selectors.

In the next version of PrimeFaces it would be better to put the header in thead and the footer in tfoot instead of using separate divs.

[OneCent]

yep, i did see the same thing in my own tests.

[cagatay.civici]

Please create an issue ticket so we can have a look in detail.

[bluewing]

I have created issue 1240. Thanks for looking into this problem.