10 Replies Latest reply on Apr 20, 2010 9:11 AM by pomcompot

    ExtendedDataTable and stretched row

    pomcompot Newbie

      Hi,

       

      I’m using RichFaces 3.3.2.GA and the rich:extendedDataTable component. I got a problem with the rows height stretch to 100% of the table height. I have already seen this post, but the proposed solution (height: auto ! important) doesn’t work and my POM and its dependencies are OK (only 3.3.2.GA JARs deployed). Here’s my code:

      <rich:panel>
          <f:facet name="header">Sélection de la livraison à déployer</f:facet>

          <h:outputText rendered="#{empty choixLivraison.livraisonList}">
              <p>Aucune livraison n’a encore été inscrite.</p>
              <p>Veuillez <s:link value="en inscrire une nouvelle" propagation="join" view="/InscriptionLivraison.xhtml"/> si vous souhaitez procéder à un déploiement.</p>
          </h:outputText>

          <rich:extendedDataTable id="livraisonList"
                  var="livraisonItem"
                  value="#{choixLivraison.livraisonList}"
                  binding="#{choixLivraison.livraisonDataTable}"
                  selection="#{choixLivraison.selectedLivraison}"
                  selectionMode="single"
                  rendered="#{not empty choixLivraison.livraisonList}">
              <rich:column id="selection" label="Sélection" width="5%">
                  <h:selectOneRadio valueChangeListener="#{choixLivraison.handleSelection}" onclick="dataTableSelectOneRadio(this);">
                      <f:selectItem itemValue="#{livraisonItem.id.codeLivraison}"/>
                  </h:selectOneRadio>
              </rich:column>
              <rich:column id="code" label="Code" width="32%">
                  <f:facet name="header">
                      <h:outputText value="Code" />
                  </f:facet>
                  <h:outputText value="#{livraisonItem.id.codeLivraison}" />
              </rich:column>
              <rich:column id="version" label="Version" width="32%">
                  <f:facet name="header">
                      <h:outputText value="Version" />
                  </f:facet>
                  <h:outputText value="#{livraisonItem.id.numeroVersion}" />
              </rich:column>
              <rich:column id="dateCreation" label="Date de création" width="31%">
                  <f:facet name="header">
                      <h:outputText value="Date de création" />
                  </f:facet>
                  <h:outputText value="#{livraisonItem.dateCreation}">
                      <s:convertDateTime type="both" dateStyle="short" />
                  </h:outputText>
              </rich:column>
          </rich:extendedDataTable>
         
          <s:button view="/InscriptionLivraison.xhtml"
                  propagation="join"
                  value="Inscrire une nouvelle livraison">
              <f:param name="from" value="ChoixLivraison"/>
          </s:button>
      </rich:panel>

      Hereunder, the result:

      ExtendedDataTable.png

      I doesn’t understand the source of this behaviour and I’m requesting   some help.

       

      Thanks in advance.