How to remove layout scroll bar in grids?

Question

I deal with files, and I wanted to use p: layout instead of my own layout. But p: layoutUnit components scroll by default. When I wanted to remove the scroll bar, I tried:

<style type="text/css"> .ui-layout-center { overflow:hidden !important; } .ui-layout-center .ui-layout-unit-content { overflow:hidden !important; } </style> 

and he deleted the scroll bar, but now I do not see the whole page (the web page has become independent). How can I solve this, should I use my own layout?

Thanks in advance.

Answer 1

Instead of using overflow, use overflow-x, it worked for me, and the horizontal scrollbar disappeared, preserving the vertical scrollbar