rich:extendedDataTable vs rich:dataTable, rich:column width
rbroberts Nov 6, 2009 12:11 PMOkay, 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>