panelgrid

I need to hide all borders of all panelgrids using primefaces. I have tried he following without effects: table { border: none; } table tr, table td { border: none; } What can I do? BalusC You need to be at least as specific as the PrimeFaces default selector. .ui-panelgrid>*>tr, .ui-panelgrid .ui-panelgrid-cell { border: none; } Do not use !important unless you need to override a hardcoded style on a HTML element. See also: How to remove border from specific PrimeFaces p:panelGrid? How do I override default PrimeFaces CSS with custom styles? John Alexander Betts This solution affect only

I need to hide all borders of all panelGrids using primefaces. The following code remove the borders on all panelGrids and dataTables too (primefaces 5+): .ui-panelgrid tr, .ui-panelgrid td { border: none; } I need this effect only in panelGrids. After that and I need to know how to show the borders only in some panelGrids Kukeltje Your CSS selectors are to 'broad'. They influence all <tr> and <td> tags that are descendants of a .ui-panelgrid , including all that are in a table that is in a panelgrid cell as descendants of the table that makes the datatable. So you have to make your selectors

I've got a multi-column panelGrid setup, with dataTables as each of the columns. Each of the dataTables is a different length. This results in the panelGrid stretching out to fit the largest dataTable (so far, that's good). The remaining dataTables are centered vertically (this is not good as it looks horrible on screen) instead of being top justified. How can I tell panelGrid to top-justify contents? Or, is my approach completely wrong and I need to do something different (if so, suggestions are welcome)? BalusC JSF renders as HTML and can be styled with CSS. Inspect the element as follows:

How can I set colspan and rowspan in JSF <h:panelGrid> ? None of both is possible with the standard JSF implementation. There are 3 ways to fix this: Write plain HTML yourself. A <h:panelGrid> basically renders a HTML <table> . Do the same. Create a custom HTML renderer which supports this. It'll however be a lot of sweat and pain. Use a 3rd party component library which supports this. Tomahawk has a <t:panelGroup> component which supports colspan in <h:panelGrid> . RichFaces (3.x only) has a <rich:column> component which supports both colspan and rowspan in <rich:dataTable> . PrimeFaces has a

I have to dinamically produce a list of tables. Each of these have a variable number of columns (with fixed rows). To perform this I first put a <p:panelGrid> inside an <ui:repeat> : so I correctly produced a list of tables. Then, to dinamically produce the columns, I tried put both an <ui:repeat> or a <c:forEach> inside the <p:panelGrid> . In the result I obtain no rows. I written a minimal example here. In the bean testBackingBean , I have defined (and initialized) the variable ArrayList<ArrayList<String>> tables . This is the xhtml that does not produce the expected results: <ui:repeat var=