title: PrimeFaces datatable Scrollbar
body: <p>I have a form with a primefaces datatable which i have set the columns width in css for it :</p>
  
  <pre><code>.idcol{width: 5%}
  .prioritycol{width: 5%}
  .titlecol{width: 30%}
  .descriptioncol{width: 40%}
  .actionscol{width: 10px}
  </code></pre>
  
  <p>Everything is okay but when i add the <code>scrollable="true"</code> attribute in order to have a scrollable datatable, the result is worst :</p>
  
  <p><img src="https://i.stack.imgur.com/Fv8wS.png" alt="enter image description here"></p>
  
  <p>This is the declaration of the datatable :</p>
  
  <pre><code>&lt;p:dataTable  id="dtable" var="todos" value="#{todo.todoList}" scrollable="true" 
                               resizableColumns="false" scrollHeight="300" lazy="true"
                               styleClass="idcol,prioritycol,titlecol,descriptioncol,actionscol"&gt;
  </code></pre>
  
  <p>What is the problem?
  Thank you!</p>