2 Replies Latest reply on Aug 19, 2009 5:14 AM by Ilya Shaikovsky

    column height for scrollableDataTable

    John Who Newbie

      Hi,

      I take a look at the example for the scrollableDataTable:

      <rich:scrollableDataTable rowKeyVar="rkv" frozenColCount="1" height="400px" width="700px" id="carList" rows="40" columnClasses="col" value="#{dataTableScrollerBean.allCars}" var="category" sortMode="single" binding="#{dataTableScrollerBean.table}" sortOrder="#{dataTableScrollerBean.order}" selection="#{dataTableScrollerBean.selection}">
      
       <rich:column id="make">
       <f:facet name="header"><h:outputText styleClass="headerText" value="Make" /></f:facet>
       <h:outputText value="#{category.make}" />
       </rich:column>
       <rich:column id="model">
       <f:facet name="header"><h:outputText styleClass="headerText" value="Model" /></f:facet>
       <h:outputText value="#{category.model}" />
       </rich:column>
       <rich:column id="price">
       <f:facet name="header"><h:outputText styleClass="headerText" value="Price" /></f:facet>
       <h:outputText value="#{category.price}" />
       </rich:column>
       <rich:column id="mileage">
       <f:facet name="header"><h:outputText styleClass="headerText" value="Mileage" /></f:facet>
       <h:outputText value="#{category.mileage}" />
       </rich:column>
       <rich:column width="200px" id="vin">
       <f:facet name="header"><h:outputText styleClass="headerText" value="VIN" /></f:facet>
       <h:outputText value="#{category.vin}" />
       </rich:column>
       <rich:column id="stock">
       <f:facet name="header"><h:outputText styleClass="headerText" value="Stock" /></f:facet>
       <h:outputText value="#{category.stock}" />
       </rich:column>
      </rich:scrollableDataTable>
      


      Now I'm trying to increase the height of the columns (because I want to show more then one line pro column) by adding a columnClasses attribut: columnClasses="test".

      The corresponding css-class:
      .test {
       heigth:100px;
      }


      But this doesn't have any effect. Do you have an idea to increase the height?

      Thanks in advance!