Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>The border is been set on the generated <code>tr</code> and <code>td</code> elements, not on the <code>table</code>. So, this should do:</p> <pre class="lang-css prettyprint-override"><code>.companyHeaderGrid.ui-panelgrid&gt;*&gt;tr, .companyHeaderGrid.ui-panelgrid .ui-panelgrid-cell { border: none; } </code></pre> <p>How I found it? Just check the generated HTML output and all CSS style rules in the webdeveloper toolset of Chrome (rightclick, <em>Inspect Element</em> or press F12). Firebug and IE9 have a similar toolset. As to the confusion, just keep in mind that JSF/Facelets ultimately generates HTML and that CSS only applies on the HTML markup, not on the JSF source code. So to apply/finetune CSS you need to look in the client (webbrowser) side instead.</p> <p><img src="https://i.stack.imgur.com/AYcwn.png" alt="enter image description here"></p> <h3>See also:</h3> <ul> <li><a href="https://stackoverflow.com/questions/8768317/how-do-i-override-default-primefaces-css-with-custom-styles/">How do I override default PrimeFaces CSS with custom styles?</a></li> <li><a href="https://stackoverflow.com/questions/18897664/remove-border-from-all-primefaces-ppanelgrid-components">Remove border from all PrimeFaces p:panelGrid components</a></li> </ul> <hr> <p>If you're still on PrimeFaces 4 or older, use below instead:</p> <pre class="lang-css prettyprint-override"><code>.companyHeaderGrid.ui-panelgrid&gt;*&gt;tr, .companyHeaderGrid.ui-panelgrid&gt;*&gt;tr&gt;td { border: none; } </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload