0 Replies Latest reply on Nov 6, 2009 12:11 PM by Roland Roberts

    rich:extendedDataTable vs rich:dataTable, rich:column width

    Roland Roberts Newbie

      Okay, I found how to get the width parameter honored for rich:dataTable. I had to add a style parameter, either

      input { width: 100%; }

      or
      rich-filter-input { width: 100%; }

      Other percentages also work to get the width on rich:column to be honored.

      But when I switch to rich:extendedDataTable, it ignores my width settings. Below is my xhtml file, sans the template.

      This is version 3.3.1.GA. What am I missing?

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml"
       xmlns:h="http://java.sun.com/jsf/html"
       xmlns:f="http://java.sun.com/jsf/core"
       xmlns:ui="http://java.sun.com/jsf/facelets"
       xmlns:fn="http://java.sun.com/jsp/jstl/functions"
       xmlns:a4j="http://richfaces.org/a4j"
       xmlns:rich="http://richfaces.org/rich">
      
      <ui:composition template="/WEB-INF/templates/common.xhtml">
       <ui:define name="pageTitle">FVIS 4.x Rich Security Listings</ui:define>
       <ui:define name="pageHead">FVIS 4.x Rich Security Listings</ui:define>
       <ui:define name="pageMenu">FVIS 4.x Rich Security Menu</ui:define>
       <ui:define name="pageBody">
       <h:form>
       <rich:extendedDataTable sortMode="single"
       value="#{securityBean.securityList}" var="sec"
       rowClasses="oddRow, evenRow" headerClass="tableHeader" border="1"
       columnClasses="leftColumn, leftColumn, leftColumn, centerColumn, centerColumn, rightColumn, rightColumn ">
       <rich:column style="width:7em" sortBy="#{sec.primaryIdentifier}"
       filterBy="#{sec.primaryIdentifier}" filterEvent="onkeyup"
       label="Identifier">
       <f:facet name="header">Identifier</f:facet>
       <h:outputText value="#{sec.primaryIdentifier}" />
       </rich:column>
       <rich:column style="width:12em" sortBy="#{sec.securityName}"
       filterBy="#{sec.securityName}" filterEvent="onkeyup"
       label="Name">
       <f:facet name="header">Name</f:facet>
       <h:outputText value="#{sec.securityName}" />
       </rich:column>
       <rich:column style="width:20em" sortBy="#{sec.issuerName}"
       filterBy="#{sec.issuerName}" filterEvent="onkeyup"
       label="Issuer">
       <f:facet name="header">Issuer</f:facet>
       <h:outputText value="#{sec.issuerName}" />
       </rich:column>
       <rich:column style="width:6em" sortBy="#{sec.micCode}"
       filterBy="#{sec.micCode}" filterEvent="onkeyup" label="MIC">
       <f:facet name="header">MIC</f:facet>
       <h:outputText value="#{sec.micCode}" />
       </rich:column>
       <rich:column style="width:6em" sortBy="#{sec.defaultSectorCode}"
       filterBy="#{sec.defaultSectorCode}" filterEvent="onkeyup"
       label="Sector">
       <f:facet name="header">Sector</f:facet>
       <h:outputText value="#{sec.defaultSectorCode}" />
       </rich:column>
       <rich:column style="width:8em" sortBy="#{sec.sharesOutstanding}"
       filterBy="#{sec.sharesOutstanding}" filterEvent="onkeyup"
       label="Shares">
       <f:facet name="header">Shares</f:facet>
       <h:outputText value="#{sec.sharesOutstanding}">
       <f:convertNumber type="number" groupingUsed="true" integerOnly="true" />
       </h:outputText>
       </rich:column>
       <rich:column style="width:10em" sortBy="#{sec.activeOn}" filterBy="#{sec.activeOn}"
       filterEvent="onkeyup" label="Activated">
       <f:facet name="header">Activated</f:facet>
       <h:outputText value="#{sec.activeOn}">
       <f:convertDateTime type="both" pattern="yyyy-MM-dd HH:mm:ss" />
       </h:outputText>
       </rich:column>
       </rich:extendedDataTable>
       </h:form>
       </ui:define>
       <ui:define name="pageFoot">FVIS 4.x Rich Security Listings</ui:define>
      </ui:composition>
      
      </html>