4 Replies Latest reply on Feb 19, 2009 5:18 AM by ramki9977

    h:column with rich:scrollableDataTable

      hi,
      can we use h:column with rich:scrollableDataTable. currently i am using rich:column with rich:scrollableDataTable. but here the problem is column width can't set in %. is there any other alternative to specify column width in %.

      is it correct way to use h:column in rich:scrollableDataTable?

      thanks,
      ramki.

        • 1. Re: h:column with rich:scrollableDataTable

          I am not sure, but you can try it with style and css.

          • 2. Re: h:column with rich:scrollableDataTable

            i tried using css but here the problem is actual columns width is changing, but column header is not changing.

            thanks,
            ramki.

            • 3. Re: h:column with rich:scrollableDataTable

              please try again

               <rich:scrollableDataTable rowClasses="yourRowStyle" columnClasses="yourColumnStyle">
              <rich:column>
               <f:facet name="header">
               <h:outputText value="your column name"/>
               </f:facet>
               </rich:column>
              
               </rich:scrollableDataTable>


              • 4. Re: h:column with rich:scrollableDataTable

                <rich:scrollableDataTable value="#{demo.tempList}" var="currentRow"
                id="ramki" columnClasses="tempCol1,tempCol2" rowClasses="tempCol1,tempCol2">
                <rich:column>
                <f:facet name="header">
                <h:outputLabel>Column1</h:outputLabel>
                </f:facet>
                <h:outputLabel value="#{currentRow.codeValue}"></h:outputLabel>
                </rich:column>
                <rich:column>
                <f:facet name="header">
                <h:outputLabel>Column2</h:outputLabel>
                </f:facet>
                <h:outputLabel value="#{currentRow.codeDescription}"></h:outputLabel>
                </rich:column>
                </rich:scrollableDataTable>


                .tempCol1
                {
                width:50%;
                }
                .tempCol2
                {
                width:10%;
                }

                i tried that and its not working