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

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

rbroberts Nov 6, 2009 12:11 PM

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

input { width: 100%; }

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>