title: Primefaces datatable header alignment
body: <p>I have a problem with primefaces datatable. As you can see there is an alignment problem with columns border and headers. Is this a primefaces bug or there is something wrong with my datatable? By the way datatable has dynamic columns. <img src="https://i.stack.imgur.com/8lLSk.jpg" alt="datatable"></p>
  
  <pre><code>&lt;p:dataTable     scrollable="true" scrollWidth="100%" editable="true" editMode="cell"   
  var="invoiceLine" value="#{myController.invoiceLines}"                          
                           selection="#{myController.selectedInvoiceLine}" selectionMode="single" rowKey="#{invoiceLine.uuid}"
                           &gt;
  &lt;p:columns value="#{myController.columns}" var="column"
                             styleClass="ui-editable-column" width="50"
                             columnIndexVar="colIndex"&gt;
  
  //some stuff
  &lt;/p:columns&gt;         
  
              &lt;/p:dataTable&gt;
  </code></pre>