title: How to put custom content like a linebreak inside p:column header
body: <p>In my application, I have the following <code>&lt;p:dataTable&gt;</code>:</p>
  
  <p><img src="https://i.stack.imgur.com/vGdug.png" alt="data table"></p>
  
  <p>The 2nd column's header costs too much spaces. Hence, I'd like to put a linebreak between <code>Number of</code> &amp; <code>Sessions</code> and also vertically align the headers of the table. I tried to reduce the width of the column but it didn't automatically result in a linebreak.  </p>
  
  <p>Besides, since the header name is retrieved from the <code>l10n.properties</code> file, I also tried to set it as <code>Number of /n Sessions</code> but <code>/n</code> was printed out as a normal string.</p>
  
  <p><strong>UPDATE:</strong> I also tried to set the property as <code>Number of &lt;br/&gt; Sessions</code>. However, in the HTML code generated, <code>&lt;br/&gt;</code> disappeared and the table looks exactly the same as above. </p>
  
  <p>I'd be very grateful if you could give me an advice.</p>
  
  <p>Best regards,</p>