title: Scrollable datatable in rowExpansion - Messed up column width
body: <p>I'm trying to put a scrollable datatable inside of a rowExpansion tag, but the resulting datatable comes out all weird, like this:
  <img src="https://i.stack.imgur.com/wXQuM.png" alt=""></p>
  
  <p>Code:</p>
  
  <pre><code>&lt;p:rowExpansion&gt;
  &lt;h:panelGrid id="display" columns="2" cellpadding="4"
               styleClass="ui-widget-content"
               columnClasses="label, value"&gt;
      &lt;h:outputText value="Registrerad:"/&gt;
      &lt;h:outputText id="registered" value="#{campaignOfferGroupView.formatDate(offerGroup.registerDate)}"/&gt;
  
      &lt;h:outputText value="Senast ändrad:"/&gt;
      &lt;h:outputText id="changeDate" value="#{campaignOfferGroupView.formatDate(offerGroup.changeDate)}"/&gt;
  
      &lt;h:outputText value="Ändrad av:"/&gt;
      &lt;h:outputText id="changedBy" value="#{offerGroup.changedBy}"/&gt;
  &lt;/h:panelGrid&gt;
  
  &lt;p:dataTable var="campaignCode" value="#{campaignOfferGroupView.getCampaignCodesForGroup(offerGroup.id)}"
               scrollable="true" scrollHeight="120"&gt;
      &lt;f:facet name="header"&gt;
          Kampanjkoder tillhörande kampanjerbjudandegruppen
      &lt;/f:facet&gt;
  
      &lt;p:column headerText="ID"&gt;
          #{campaignCode.id}
      &lt;/p:column&gt;
  
      &lt;p:column headerText="Namn"&gt;
          #{campaignCode.description}
      &lt;/p:column&gt;
  
      &lt;p:column headerText="Start"&gt;
          #{campaignCode.startDate}
      &lt;/p:column&gt;
  
      &lt;p:column headerText="Stop"&gt;
          #{campaignCode.stopDate}
      &lt;/p:column&gt;
  &lt;/p:dataTable&gt;
  </code></pre>
  
  <p></p>
  
  <p>Anyone have any idea why this is? If I remove the scrollable attribute the table looks fine:
  <img src="https://i.stack.imgur.com/bKPye.png" alt="enter image description here"></p>
  
  <p>Incidentally, is there any way to remove the grey empty column created by a scrollable DataTable as seen in <a href="http://www.primefaces.org/showcase/ui/datatableScrolling.jsf" rel="nofollow noreferrer">http://www.primefaces.org/showcase/ui/datatableScrolling.jsf</a>?</p>
  
  <p>EDIT: I have noticed that the ShowCase has column size fixed using the style attribute. I would rather avoid this if possible.</p>